Question

我在我的控制器中定义了这样的章节：

  $scope.chaps =  [{"id":"1","chap_no":"1","name":"chap 1"},
                  {"id":"2","chap_no":"2","name":"chap 2"},
                  ...
                  {"id":"14","chap_no":"14","name":"chap 14"},
                  {"id":"15","chap_no":"15","name":"chap 15"}];

在视图中，我有：

<li ng-repeat="ch in chaps | orderBy:'chap_no'">{{ch.name}}</li>

但是我的订单错误（1次后10次，2次后20次，依此类推）

chap 1, chap 10, chap 11, chap 12, chap 13, chap 14, chap 15, chap 2, chap 3, ...

以下是plunkr：http://plnkr.co/edit/Pc84ooB6dp2zoHXeawYn?p=preview

有谁能告诉我这里我做错了什么

Answer 1

您的chap_no属性是一个字符串，因此以字符串形式排序。

您可以创建自定义filter，如：

app.filter('customSort',function(){
    function sort (a, b) {
        if (a > b) { return 1; }
        if (a < b) { return -1; }

        return 0;
    }

    return function(arrInput, prop) {
        var arr = arrInput.sort(function(a, b) {
            return sort(+a[prop], +b[prop]);
        });
        return arr;
    }
})

那么在你的html中你可以像这样使用过滤器：

<li ng-repeat="ch in chaps | customSort:'chap_no'" >{{ch.name}}</li>

示例：http://plnkr.co/edit/UWvinthK9r0zgRbHMCGd?p=preview

AngularJS - ng-repeat中的顺序不正确

1 个答案: