How to pass multiple parameter in angular filter function, not custom filter

Question

I tried hard and visit lot of similar question like this but still unable to solve this issue.

I want to pass extra parameter in angular filter function. I found solution as below but it's not working. I am getting undefined for object which I have used in ng-repeat.

<li ng-repeat="user in users | filter:isStatus(user,secondParam)">{{user.name}}</li>

There are solution for angular custom filter as below but that also not working with angular filter function.

<li ng-repeat="user in users | filter:isStatus:user:secondParam">{{user.name}}</li>

jsFiddle - You can see my problem here.

user2700840 · Accepted Answer · 2014-12-16 15:03:16Z

14

Will try:

$scope.isStatus = function(secondParam, thirdParam){
      return function(user) {
           console.log(secondParam);
           console.log(thirdParam);
           return user.status == $scope.status;
     }

Updated version http://jsfiddle.net/4PYZa/282/

answered Dec 16, 2014 at 15:03

user2700840

4573 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

shawnzhu · Accepted Answer · 2014-12-16 15:55:27Z

5

According to your case, you can use predicate expression instead of custom filter:

<li ng-repeat="user in users | filter:{status: status, name: name}">{{user.name}}</li>

Take a look at this fiddle: http://jsfiddle.net/ovym2tpr/28/

You can use custom filter in anyway, it just performs not very well especially under nested ng-repeat

answered Dec 16, 2014 at 15:55

shawnzhu

7,6354 gold badges42 silver badges56 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:34:27Z

1

How do I call an Angular.js filter with multiple arguments?

AngularJS : Custom filters and ng-repeat

 myApp.filter("isStatus ", function() { // register new filter
     return function(user, secondParam, thirdParam) { // filter arguments

       return user.status == $scope.status; // implementation
    };
 });

Calling from Template

<li ng-repeat="user in users | isStatus:secondParam">{{user.name}}</li>

edited May 23, 2017 at 12:34

CommunityBot

11 silver badge

answered Dec 16, 2014 at 16:12

JQuery Guru

6,9631 gold badge35 silver badges40 bronze badges

Comments

Aditya Agarwal · Accepted Answer · 2016-10-03 13:27:50Z

1

It's very simple , just do this

<li ng-repeat="user in users | filter:user | filter : secondParam)">{{user.name}}</li>

answered Oct 3, 2016 at 13:27

Aditya Agarwal

7536 silver badges6 bronze badges

1 Comment

Aditya Agarwal Over a year ago

I don't know why someone downvoted this, It's running perfectly. Do check it once.

Collectives™ on Stack Overflow

How to pass multiple parameter in angular filter function, not custom filter

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related