国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

angular.js - angular里的filter過濾數(shù)據(jù)傳參問題
漂亮男人
漂亮男人 2017-05-15 17:08:49
0
2
1089

控制器:$scope.dataList=[

{"dataClass":"0","dataName":"A1"},
{"dataClass":"0","dataName":"A2"},
{"dataClass":"1","dataName":"B1"},
{"dataClass":"1","dataName":"B2"},
{"dataClass":"2","dataName":"C1"},
{"dataClass":"2","dataName":"C2"}

]
HTML模板:
<li ng-repeat="item in dataList |filter :{'dataClass':'0'}">{{item.dataName}}</li>
頁面展示將循環(huán)過濾出dataList數(shù)組中dataClass為'0'的A1,A2;現(xiàn)在的需求是dataClass過濾的值是一個變量設(shè)為varity,而ng-repeat="item in dataList |filter :{'dataClass':varity}",又不生效,請問如何實(shí)現(xiàn)該需求

漂亮男人
漂亮男人

全部回復(fù)(2)
為情所困

幫你寫了個過濾器,把指定的dataClass去掉了:

angular.module('common', []).filter('myFilter', function () {
        return function (collection, keyname,value) {
            var output = [];
            angular.forEach(collection, function (item) {
                //過濾數(shù)組中值與指定值相同的元素
                if(item[keyname]!=value){
                    output.push(item);
                }
            });
            return output;
        }
    });

<p ng-app="myApp" ng-controller="myCtrl">
    <p ng-repeat="x in items | myFilter: 'dataClass': dcValue ">
        {{x.dataClass}}---{{x.dataName}}
    </p>
</p>

過濾器接收3個參數(shù),原數(shù)組,要過濾的key,以及指定的key值。

phpcn_u1582
repeat="item in dataList |filter :{'dataClass':{{varity}} }"

加花括號就可以了

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板