0

我试图使用以下方法显示一些内容ng-switch：

<div ng-app ng-controller="ctrl" >
    <div ng-repeat="list in statusList">
      <p ng-switch on="list">
        <span ng-switch-when="incorrect"> 
        i am incorrect
        </span>
        <span ng-switch-when="stuff">
        i am  stuff
        </span>
        <span ng-switch-when="wrong">
        i am  wrong
        </span>
        <span ng-switch-default>
        Correct
        </span>
      </p>
    </div>
</div>

控制器

function ctrl($scope){
    $scope.statusList=["incorrect","wrong","stuff"];
}

得到这样的输出：

我不正确

我错了

我是东西

但我需要按我指定的顺序显示输出。IE

我错了
我是东西
我错了

我该怎么做，重要的一点是我们不应该改变控制器中的顺序。

4

2 回答 2

0

您可以按功能创建自定义订单，如下所示。

<div ng-repeat="list in statusList | orderBy:myValueFunction">

您可以按字母顺序（使用过滤器）对其进行排序，但我不推荐它，因为您可能会添加未按字母顺序排序的新元素。

于 2015-05-16T08:15:02.120 回答
0

ng-repeat迭代使用列表的顺序。您可以定义自定义过滤器以根据需要对列表进行排序，也可以使用其他方法：

定义一个“包含”过滤器，true如果数组包含一个元素，则返回：

.filter('contains', [function() {
    return function(array, element) {
          return array.indexOf(element) > -1;
    }
}])

用于ng-ifs您的模板（不再重复）：

<div ng-if="statusList | contains : 'incorrect'">i am incorrect</div>
<div ng-if="statusList | contains : 'stuff'">i am stuff</div>
<div ng-if="statusList | contains : 'wrong'">i am wrong</div>

这样你就可以定义你想要的任何顺序。

Plunkr：http ://plnkr.co/edit/yaYodJAVCVQ55KbOrf3A?p=preview

于 2015-05-16T08:24:19.537 回答