임의의 이름으로 필터링 할 수 있도록 필터 함수에 인수를 전달할 수 있습니까?
같은 것
$scope.weDontLike = function(item, name) {
console.log(arguments);
return item.name != name;
};
답변
실제로 각도의 기본 ‘필터’필터를 사용하고 여전히 사용자 정의 필터에 인수를 전달할 수있는 또 다른 (아마 더 나은 솔루션)이 있습니다.
다음 코드를 고려하십시오.
<div ng-repeat="group in groups">
<li ng-repeat="friend in friends | filter:weDontLike(group.enemy.name)">
<span>{{friend.name}}</span>
<li>
</div>
이 작업을 수행하려면 필터를 다음과 같이 정의하면됩니다.
$scope.weDontLike = function(name) {
return function(friend) {
return friend.name != name;
}
}
여기에서 볼 수 있듯이 weDontLike는 실제로 해당 범위에 매개 변수가있는 다른 함수와 필터에서 가져온 원래 항목을 반환합니다.
이 작업을 수행 할 수 있다는 사실을 깨닫는 데 2 일이 걸렸습니다. 아직이 솔루션을 본 적이 없습니다.
체크 아웃 angular.js 필터의 역 극성은 당신이 필터와 다른 유용한 작업이 사용할 수있는 방법을 볼 수 있습니다.
답변
내가 이해 한 바에 따르면 필터 함수에 인수를 전달할 수 없습니다 ( ‘필터’필터를 사용할 때). 당신이해야 할 일은 다음과 같이 사용자 정의 필터를 작성하는 것입니다.
.filter('weDontLike', function(){
return function(items, name){
var arrayToReturn = [];
for (var i=0; i<items.length; i++){
if (items[i].name != name) {
arrayToReturn.push(items[i]);
}
}
return arrayToReturn;
};
작동하는 jsFiddle은 다음과 같습니다. http://jsfiddle.net/pkozlowski_opensource/myr4a/1/
사용자 지정 필터를 작성하지 않는 다른 간단한 대안은 범위에서 필터링 할 이름을 저장 한 다음 다음과 같이 작성하는 것입니다.
$scope.weDontLike = function(item) {
return item.name != $scope.name;
};
답변
실제로 매개 변수 ( http://docs.angularjs.org/api/ng.filter:filter )를 전달할 수 있으며이를위한 사용자 지정 함수가 필요하지 않습니다. HTML을 아래와 같이 다시 작성하면 작동합니다.
<div ng:app>
<div ng-controller="HelloCntl">
<ul>
<li ng-repeat="friend in friends | filter:{name:'!Adam'}">
<span>{{friend.name}}</span>
<span>{{friend.phone}}</span>
</li>
</ul>
</div>
</div>
답변
템플릿에서 간단하게 할 수 있습니다.
<span ng-cloak>{{amount |firstFiler:'firstArgument':'secondArgument' }}</span>필터에서
angular.module("app")
.filter("firstFiler",function(){
console.log("filter loads");
return function(items, firstArgument,secondArgument){
console.log("item is ",items); // it is value upon which you have to filter
console.log("firstArgument is ",firstArgument);
console.log("secondArgument ",secondArgument);
return "hello";
}
});
답변
pkozlowski.opensource의 답변을 확장 하고 javascript array's내장 필터 방법을 사용하면 다음 과 같은 미리 정의 된 솔루션이 될 수 있습니다.
.filter('weDontLike', function(){
return function(items, name){
return items.filter(function(item) {
return item.name != name;
});
};
});
다음은 jsfiddle 링크 입니다.
답변
각도 필터에 여러 인수를 전달할 수 있습니다!
내 각도 앱 및 앱 수준 변수 정의-
var app = angular.module('filterApp',[]);
app.value('test_obj', {'TEST' : 'test be check se'});
필터는 다음과 같습니다.
app.filter('testFilter', [ 'test_obj', function(test_obj) {
function test_filter_function(key, dynamic_data) {
if(dynamic_data){
var temp = test_obj[key];
for(var property in dynamic_data){
temp = temp.replace(property, dynamic_data[property]);
}
return temp;
}
else{
return test_obj[key] || key;
}
}
test_filter_function.$stateful = true;
return test_filter_function;
}]);
그리고 HTML에서 다음과 같은 데이터를 보냅니다.
<span ng-bind="'TEST' | testFilter: { 'be': val, 'se': value2 }"></span>여기에서 필터에 JSON 객체를 보냅니다. 문자열이나 숫자와 같은 모든 종류의 데이터를 보낼 수도 있습니다.
또한 동적 개수의 인수를 filter에 전달할 수 있습니다.이 경우 인수 를 사용 하여 해당 인수를 가져와야합니다.
작동하는 데모를 보려면 여기로 이동하십시오- 각도 필터에 여러 인수 전달
답변
당신은 단순히 사용할 수 있습니다 | filter:yourFunction:arg
<div ng-repeat="group in groups | filter:weDontLike:group">...</div>그리고 js에서
$scope.weDontLike = function(group) {
//here your condition/criteria
return !!group
}