angulaire.js - problème de passage des paramètres de données de filtre dans angulaire

Question

Contrôleur :$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"}

]
Modèle HTML :
<li ng-repeat="élément dans dataList |filter :{'dataClass'：'0'}">{{item.dataName}}</li>
L'affichage de la page bouclera pour filtrer A1 et A2 dont dataClass est '0' dans le tableau dataList ; exigences actuelles La valeur filtrée par dataClass est une variable définie sur variabilité, et ng-repeat="item in dataList |filter :{'dataClass':varity}", et cela ne prend pas effet. Comment puis-je satisfaire à cette exigence

Answer 1

J'ai écrit un filtre pour vous et supprimé la dataClass spécifiée :

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>

Le filtre reçoit 3 paramètres, le tableau d'origine, la clé à filtrer et la valeur de clé spécifiée.

Answer 2

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

Ajoutez simplement des accolades