Wiederholen, wenn Array, Anzeige, wenn Zeichenfolge

Question

Ich Verweise auf einen Wert in meinem Controller, der eine Zeichenfolge oder ein Array sein kann. Wenn es ein Array ist, möchte ich "ng-repeat" (wahrscheinlich) verwenden, um meine Artikel aufzulisten.

Wenn es eine Zeichenfolge ist, möchte ich nur die Zeichenfolge anzeigen.

Etwas wie:

<div> 
    {{if is array}} 
     <span ng-repeat="v in myvalue">{{v}}</span> 
    {{else}} 
     {{myvalue}} 
    {{endif}} 
</div> 

Ich frage mich, ob es eine elegante Art und Weise ist das in AngularJS zu tun, dass ich einfach noch nicht vertraut sind.

Dank

Answer 1

Es gibt angular.isArray Methode. Sie können das verwenden. Sie müssen es in den den Rahmen setzen oder vm:

$scope.isArray = angular.isArray 

Und in HTML

<span ng-repeat="v in myvalue" ng-if="isArray(myvalue)">{{v}}</span> 
<span ng-if="!isArray(myvalue)">{{myvalue}}</span> 

Wenn Sie es in mehr als einem Ort verwenden, am besten für eine Richtlinie zu gehen.

Answer 2

Sie die Logik auf dem Controller (zuweisen an eine andere Variable für Array und String) - dann tut nur die stumme Logik in der Ansicht:

if (Array.isArray($scope.myvalue)) { 
    $scope.myArray = $scope.myvalue; 
} else { 
    $scope.myString = $scope.myvalue; 
} 

Und der Blick

<div> 
    <div ng-if="myArray"> 
     <span ng-repeat="v in myArray">{{v}}</span> 
    </div> 
    <div ng-if="myString"> 
     {{myString}} 
    </div> 
</div> 

Answer 3

machen eine einfache Getter

$scope.getVal = function(vals){ 
    if(Array.isArray(vals)) return vals 
    else return [ vals ] 
} 

dann statt ng-wenn UND ng-repeat nur den Repeater verwenden, wie Sie normalerweise tun würde.

<div ng-repeat="val in getVal(vals)"> {{ val }} </div>