1. 程式人生 > >angular裡的filter過濾資料傳參

angular裡的filter過濾資料傳參

在ng-repeat中使用過濾器filter ,則在filter閉包內第一個引數,就是ng-repeat中的原陣列,其餘引數可以在-repeat表示式中,使用filterName :param1 :param2 提供。

如果引數是$scope中的變數 , 直接寫上去即可,不用加引號。

控制器:$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}",又不生效,請問如何實現該需求


幫你寫了個過濾器,把指定的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; } });
<div ng-app="myApp" ng-controller="myCtrl">
    <p ng-repeat="x in items | myFilter: 'dataClass': dcValue ">
        {{x.dataClass}}---{{x.dataName}}
    </p>
</div>

過濾器接收3個引數,原陣列,要過濾的key,以及指定的key值。


ng-repeat 倒序迴圈

我想要用angularjs迴圈一個json陣列,

<div class="gwc-div mar-t20"  ng-repeat="shopdata in cartinfo.shopList" >
</div>

如果要倒敘的迴圈有什麼方法嗎?


可以這樣:

<div class="gwc-div mar-t20"  ng-repeat="shopdata in cartinfo.shopList.slice().reverse()" ></div>

或者宣告一個filter...

js:

app.filter('reverse', function() {
    return function(items) {
        return items.slice().reverse();
    };
});

view:

<div class="gwc-div mar-t20" ng-repeat="shopdata in cartinfo.shopList | reverse" ></div>
引自 :ng-repeat 倒序迴圈