angular 의 filter 필터 데이터 전송
6910 단어 angular.js
인자 가$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 역순 순환