angularjs logo

Multiple filters with ngRepeat in AngularJS

In this article with will learn how to use multiple filters with ngRepeat in AngularJS. Our example will focus on filtering the data produced from ng-repeat by using multiple filters.

Let’s suppose we have the following data in JSON.

Now printing the data with ng-repeat in HTML part of code.

Adding multiple filters with ng-repeat. Modify the above HTML code as follows.

At this point, we have added two (multipe) filters with ng-repeat. For example, if user types “to” in the name field and “is” in district field, then this will act like AND condition as selecting those records in which name inlucdes “to” and district includes “is”.

This is how easily we have added multiple filters with ngRepeat.