在AngularJS中列出JSON数据中的唯一值

$scope.data = [
  { id: 1, name: 'Apple' },
  { id: 2, name: 'Banana' },
  { id: 3, name: 'Apple' },
  { id: 4, name: 'Orange' },
  { id: 5, name: 'Banana' }
];

<ul>
  <li ng-repeat="item in data | unique:'name'">{{ item.name }}</li>
</ul>

app.filter('unique', function() {
  return function(collection, keyname) {
    var output = [],
        keys = [];

    angular.forEach(collection, function(item) {
      var key = item[keyname];
      if (keys.indexOf(key) === -1) {
        keys.push(key);
        output.push(item);
      }
    });

    return output;
  };
});