How to use multiple filter in $filter Angular JS

Question

I have two filter which need to applied on the content of controller. First filter will be lowercase and other one is custom filter.

I tried to use it like follows:

$filter('lowercase','cardShortNameRegex')(currentProductObject.shortName);

Only lowercase filter get applied not the other one.

if some one have any solution or suggestion please help.

Domas Mar · Accepted Answer · 2016-08-30 13:31:46Z

1

Just call it one after another.

var lowerCasedName = $filter('lowercase')(currentProductObject.shortName);
var result = $filter('cardShortNameRegex')(lowerCasedName);

You can also define your own function something like this:

var result = multipleFilters('lowercase', 'cardShortNameRegex')(currentProductObject.shortName);

function multipleFilters() {
  var filters = arguments;
  return function (input) {
    angular.forEach(filters, function (filterName) {
      input = $filter(filterName)(input);
    });
    return input;
  }
}

which accepts multiple filter names and applies them.

edited Aug 30, 2016 at 13:31

answered Aug 30, 2016 at 12:54

Domas Mar

1,1961 gold badge11 silver badges23 bronze badges

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

2 Comments

Toretto Over a year ago

Is there any other way available? If there is any single line solution for it that will be good because I have to do it many places for different conditions.

Domas Mar Over a year ago

@Toretto I updated my answer with another possible solution

Collectives™ on Stack Overflow

How to use multiple filter in $filter Angular JS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related