Home  >  Q&A  >  body text

angular.js - angular里的filter过滤数据传参问题

控制器:$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>
页面展示将循环过滤出dataList数组中dataClass为'0'的A1,A2;现在的需求是dataClass过滤的值是一个变量设为varity,而ng-repeat="item in dataList |filter :{'dataClass':varity}",又不生效,请问如何实现该需求

漂亮男人漂亮男人2692 days ago858

reply all(2)I'll reply

  • 为情所困

    为情所困2017-05-15 17:10:49

    I wrote a filter for you and removed the specified dataClass:

    angular.module('common', []).filter('myFilter', function () {
            return function (collection, keyname,value) {
                var output = [];
                angular.forEach(collection, function (item) {
                    //过滤数组中值与指定值相同的元素
                    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>

    The filter receives 3 parameters, the original array, the key to be filtered, and the specified key value.

    reply
    0
  • phpcn_u1582

    phpcn_u15822017-05-15 17:10:49

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

    Just add curly brackets

    reply
    0
  • Cancelreply