javascript - orderBy 未正确过滤数字

Question

我有一个 ng-repeat 指令。

<tr data-ng-repeat="list in vm.customer.lists | orderBy: list.id track by $index">
    <td>[[list.name]]</td>
    <td>[[list.locations.length]] Location<span data-ng-cloak data-ng-if="list.locations.length !== 1">s</span></td>
    <td><a data-ng-href="/#/locations/manage/list/edit/[[vm.customer.id]]/[[list.id]]" class="button expand">Manage Locations</a></td>
</tr>

我在 vm.customer.lists 中重复 3 个列表

我试图通过list.id(1、2、3等)完成从最小到最大的任务

也许我无法按 list 排序？

Answer 1

应该是

<tr data-ng-repeat="list in vm.customer.lists | orderBy: 'id' ">

演示

var app = angular.module("app", []);
app.controller("ctrl", function($scope) {
  $scope.customer = 
      [{
      id: 4,
      name: 'sachin'
      
    }, {
      id: 1,
      name: 'Saurav'
     
    }, {
      id: 3,
      name: 'Dravid'
     
    }, {
      id: 2,
      name: 'Dhoni'
    
    }];
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">  
    <li ng-repeat="list in customer | orderBy: 'id' track by $index">
     {{list.name}}
    </li>
 
</div>