javascript - AngularJS 对 JSON 中嵌套的数组进行排序

Question

目标:设置一个在数据从我们的服务器返回后可排序的表格。

服务器返回的数据格式:

{
    "result" : {
        "code" : "OK",
        "msg" : ""
    },
    "data" : [{
            "row" : ["Fred", "64233", "197"]
        }, {
            "row" : ["Steve", "158879", "36"]
        }, {
            "row" : ["Ted", "115222", "12"]
        }
    ]
}

限制:无法更改服务器返回的数据格式。我想要排序的数据包含在“行”对象的数组中。我尝试做类似的事情

<tr ng-repeat="roll in myWelcome.data" | orderBy:'roll.row[1]'">
   <td>{{ roll.row[0] }}</td><td>{{ roll.row[1] }}</td><td>{{ roll.row[2] }}</td>
</tr>

但是没有成功。有什么想法吗？

Answer 1

我建议您在从服务器返回数据时对其进行组织，以使其更可用。如果做不到这一点，您可以简单地实现一个知道在哪里查找的自定义过滤器。

<tr ng-repeat="roll in myWelcome.data | customOrderBy:1">

过滤器:

angular.module("Your_App").filter("customOrderBy", [function() {
    return function(data, index) {
         return data.sort(function(o) {
             return o.row[index];
         });
    };
}]);