如何使用角度js显示对对象数组的分组

时间:2017-09-24 05:23:36

标签: javascript angularjs

我有对象数组,但我不知道如何按id分组。我想用ng-repeat

显示数字顺序,如1,2,3
$scope.arrayofobject=[{name:"testMachne","id":1},{name:"testComputer","id":2},{name:"testCalc","id":3},{name:"testMac","id":2},{name:"testMachne","id":3},{name:"testMachne","id":1}]

1 个答案:

答案 0 :(得分:1)

您可以使用orderBy过滤器:



angular.module('app',[]).controller('mainCtrl', function($scope){
     $scope.arrayofobject=[{name:"testMachne","id":1},{name:"testComputer","id":2},{name:"testCalc","id":3},{name:"testMac","id":2},{name:"testMachne","id":3},{name:"testMachne","id":1}];
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='app' ng-controller='mainCtrl'>
   
    <div ng-repeat="json in arrayofobject | orderBy:'id' " ng-if='json.id !== 1'>
       {{json.name}}
    </div>
</div>
&#13;
&#13;
&#13;