AngularJS passing result of custom filter to another custom filter

Question

I created two custom filters and try to use both in ng-repeat.

How can i pass result of first filter as a input for second filter?

I tried as(alias) in ng-repeat but it not works,

<input type="text" ng-model = "ageLimit" />
<input type="text" ng-model = "lastSeen" />
<div ng-repeat = "member in lists | ageFilter:ageLimit:lists as results | LastSeenFilter:lastSeen:results">

Error message

Error: [ngRepeat:badident] alias ' results | LastSeenFilter:lastSeen:results' is invalid --- must be a valid JS identifier which is not a reserved name. http://errors.angularjs.org/1.3.0/ngRepeat/badident?p0=results%20%7C%20LastSeenFilter%3AselectLastSeen%3Aresults

Simply chaining/piping the two filters should to it, no? member in lists | ageFilter:ageLimit | LastSeenFilter:lastSeen — Shomz
– Shomz, Commented Oct 30, 2014 at 5:29
Its not working, chaining works for first time but when i change params to filter it apply to previous result(it apply filter in first filtered set not the whole set) — user2874140
– user2874140, Commented Oct 30, 2014 at 6:32

bresleveloper · Accepted Answer · 2015-12-29 14:25:13Z

1

the problem is in the "as". since i have the same problem i looked inside the ngRepeadDirective and found out that the regex there that breaks the expression does not support filters after alias as can be seen here.

answered Dec 29, 2015 at 14:25

bresleveloper

6,0843 gold badges35 silver badges50 bronze badges

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

3 Comments

nhthai Over a year ago

Don't you have solution for it? I need first filter for paging (total records, so on), and second filter to display.

bresleveloper Over a year ago

no, there is no solution for that, but for paging there is are great solution and directives such as brantwills.github.io/Angular-Paging , and you can google for more, pagination is just a thing to learn and its easy

nhthai Over a year ago

Yeah, I know, just want to try new way. I've already changed to another way for it. Thanks!

meadowstream · Accepted Answer · 2014-10-30 05:32:36Z

0

You can chain filters in Angular. The output of the first filter will act as input to the second one, and so on.

answered Oct 30, 2014 at 5:32

meadowstream

4,1592 gold badges22 silver badges24 bronze badges

Collectives™ on Stack Overflow

AngularJS passing result of custom filter to another custom filter

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related