angularJS - multiple filters inline using logical operators

Question

I'm curious if it's possible to have multiple filters on an ng-repeat inline using logical operators as opposed to writing a customfilter. ie:

<tr class="first" ng-repeat="item in events  | filter : {date: showdate} || {isWeekend: 'yes'}"  ng-show="showAllEvents == 'true'"  data-date="{{item.date | convertDate}}"></tr>

So the expected result would display items equal to showdate or if isWeekend == yes

James Buck · Accepted Answer · 2016-03-29 21:43:55Z

1

You can't do or-filters inline, you'd have to write a custom filter function for that.

As for and-filters you can do it by chaining the filters, one after the other:

<tr ng-repeat="item in events | filter: {date: showdate} | filter: {isWeekend: 'yes'}"></tr>

This would repeat for every item which has a date of showdate and is a weekend.

Note: This is also equivalent to the slightly shorter filter: {date: showdate, isWeekend: 'yes'}

edited Mar 29, 2016 at 21:43

answered Mar 29, 2016 at 21:35

James Buck

1,6409 silver badges14 bronze badges

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

1 Comment

gregdevs Over a year ago

Got it. Had a feeling. I tried doing this and saw it worked, but not with an or operator. Thanks.

Collectives™ on Stack Overflow

angularJS - multiple filters inline using logical operators

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related