angular.js - masalah lulus parameter data dalam sudut
漂亮男人
漂亮男人 2017-05-15 17:08:49
0
2
923

Pengawal:$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"}

]
Templat HTML:
<li ng-repeat="item in dataList |filter :{'dataClass':'0'}">{{item.dataName}}</li>
Paparan halaman akan gelung untuk menapis keluar A1 dan A2 yang dataClassnya ialah '0' dalam tatasusunan dataList; keperluan semasa Nilai yang ditapis oleh dataClass ialah set pembolehubah kepada kebolehubahan, dan ng-repeat="item in dataList |filter :{'dataClass':varity}", dan ia tidak berkuat kuasa. Bagaimanakah saya boleh mencapai keperluan ini

漂亮男人
漂亮男人

membalas semua(2)
为情所困

Saya menulis penapis untuk anda dan mengalih keluar dataClass yang ditentukan:

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>

Penapis menerima 3 parameter, tatasusunan asal, kunci yang akan ditapis dan nilai kunci yang ditentukan.

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

Hanya tambah kurungan kerinting

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan