angular 의 filter 필터 데이터 전송

6910 단어 angular.js
ng-repeat 에서 필 터 를 사용 하면 filter 패키지 에 있 는 첫 번 째 매개 변 수 는 ng-repeat 의 원래 배열 입 니 다.나머지 매개 변 수 는-repat 표현 식 에서 filter Name:param 1:param 2 를 사용 하여 제공 할 수 있 습 니 다.
인자 가$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 템 플 릿:{{item.dataName}페이지 는 dataList 배열 에서 dataClass 가'0'인 A1,A2 를 순환 적 으로 걸 러 내 는 것 을 보 여 줍 니 다.현재 수 요 는 dataClass 필터 값 입 니 다.변 수 는 varity 로 설정 되 어 있 으 며,ng-repat="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 값 을 받 습 니 다.
인용:angular 의 filter 필터 데이터 전송 문제
g-repeat 역순 순환
제 이 슨 배열 을 angularjs 로 순환 하고 싶 습 니 다.
<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>

필터 설명 을 하거나...
js:
app.filter('reverse', function() {
    return function(items) {
        return items.slice().reverse();
    };
});

view:
n-repeat 역순 순환

좋은 웹페이지 즐겨찾기