how to pass param to a filter function in angular js

Question

I have two questions.

how to pass param to a filter function.

say for example: item in masterData|filter1:masterdata|filter2:outputFromfilter1, myparam | filter3:outputFromfilter2, myparam1,myparam2

how to access the controller $scope inside the filter function.

animateAppModule.filter( 'distinct' , function(){
    return function(masterdata){
        //HOW TO ACCESS THE $scope HERE
    }
})

Here is a fiddle. Pls. look in to the firebug console, to see that the parameters passed to the filter is undefined.

Tosh · Accepted Answer · 2013-02-12 21:41:57Z

30

For your 1st question:

You can give parameters separated by : into the filter. For example,

{{ array | myfilter:a:b:c }}

In your filter definition,

angular.module('app', []).
  filter('myfilter', function() {
    return function(in, param1, param2, param3) {
      // do something
    };
  });

for your 2nd question.

Not sure why you need to access $scope. Can you simply feed whatever needed information via param as your Q1?

answered Feb 12, 2013 at 21:41

Tosh

36k11 gold badges67 silver badges58 bronze badges

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

3 Comments

Tosh Over a year ago

It looks like working for me (plnkr.co/edit/PVSEqp). You may want to check whether your distinctGrades is really defined OK.

Rajkamal Subramanian Over a year ago

Thanks, it worked. But i could not pass $scope in the param.

Tosh Over a year ago

You could pass this in the filter as in the expression in the template, this is the $scope in the controller. But I do not think it is a good practice as your filter will be dependent on $scope structure/state.

Collectives™ on Stack Overflow

how to pass param to a filter function in angular js

1 Answer 1

For your 1st question:

for your 2nd question.

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

For your 1st question:

for your 2nd question.

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related