angular中ng-repeat去重

[html] view plain copy print?在CODE上查看代碼片派生到個人代碼片
<div ng-app="myApp" ng-controller="myCtrl">  
    <p ng-repeat="x in items | unique:'id'">  
        {{x.id}}---{{x.name}}  
    </p>  
</div>  
<script>  
    //AngularJs 自定義過濾器  
    //1.使用過濾器，去除重複  
    angular.module('common', []).filter('unique', function () {  
        return function (collection, keyname) {  
            console.info(collection);  
            console.info(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;  
        }  
    });  
    var app = angular.module('myApp', ['common']);  
    app.controller('myCtrl', function ($scope) {  
        //$scope.items = [1, 2, 3,2];  
        //當前unique 的過濾只針對，對象數組過濾  
        $scope.items = [  
            { id: 1, name: 'zhangsan' },  
            { id: 2, name: 'lisi' },  
            { id: 1, name: 'zhangsan' },  
        ];  
    });  
</script>