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> 

  

posted @ 2016-08-28 16:09  zipon  阅读(1885)  评论(0编辑  收藏  举报