I am referencing a value in my controller that may be a string or an array. If it's an array, I want to use "ng-repeat" (probably) to list out my items.
If it's a string, I just want to display the string.
Something like:
<div>
{{if is array}}
<span ng-repeat="v in myvalue">{{v}}</span>
{{else}}
{{myvalue}}
{{endif}}
</div>
I'm wondering if there's an elegant way to do this in Angularjs that I'm simply not yet familiar with.
Thanks
There is angular.isArray method. You can use that. You need to place it in the the scope or vm:
$scope.isArray = angular.isArray
And in HTML
<span ng-repeat="v in myvalue" ng-if="isArray(myvalue)">{{v}}</span>
<span ng-if="!isArray(myvalue)">{{myvalue}}</span>
If you are using it in more than one place, best is to go for a directive.
if in the interpolation? How does that create expected output?
Do the logic on the controller (assign to a different variable for array and string) - then just do the dumb logic in the view:
if (Array.isArray($scope.myvalue)) {
$scope.myArray = $scope.myvalue;
} else {
$scope.myString = $scope.myvalue;
}
And the view
<div>
<div ng-if="myArray">
<span ng-repeat="v in myArray">{{v}}</span>
</div>
<div ng-if="myString">
{{myString}}
</div>
</div>
make a simple getter
$scope.getVal = function( vals ){
if(Array.isArray(vals)) return vals
else return [ vals ]
}
then instead of ng-if AND ng-repeat just use the repeater as you normally would.
<div ng-repeat="val in getVal(vals)"> {{ val }} </div>
