javascript - 独特不适用于 angular.js

Question

这是我的代码

<ul>
  <li ng-repeat="x in names | orderBy:'-name' | unique: 'name'">
    {{ ' Name =  ' + (x.name | uppercase) + ' &nbsp; &nbsp; Roll No = ' + x.rollno }}
  </li>
</ul>
<script>
angular.module('myApp', []).controller('namesCtrl', function($scope) {
    $scope.names = [
        {name:'aaaaaa',rollno:'1'},
        {name:'aabbbb',rollno:'2'},
        {name:'aabbcc',rollno:'3'},
        {name:'ddeegg',rollno:'4'},
        {name:'ddeegg',rollno:'4'},
    ];
});
</script>

它显示的结果是这样的

• 姓名 = DDEEGG |卷号 = 4

• 姓名 = DDEEGG |卷号 = 4

• 名称 = AABBCC |卷号 = 3

• 姓名 = AABBBB |卷号 = 2

• 姓名 = AAAAAA |卷号 = 1

但我想要没有重复条目的结果，例如

• 姓名 = DDEEGG |卷号 = 4

• 名称 = AABBCC |卷号 = 3

• 姓名 = AABBBB |卷号 = 2

• 姓名 = AAAAAA |卷号 = 1

Answer 1

包含 angular.ui.filter.js 然后在你的应用中包含 ui.filters 模块

var app = angular.module('app', ['ui.filters']);

然后使用

  <ul>
    <li ng-repeat="x in names | orderBy:'-name' | unique: 'name'">
      {{ ' Name = ' + (x.name | uppercase) + ' &nbsp; &nbsp; Roll No = ' + x.rollno }}
    </li>
  </ul>

Working Plunkr这里