ng-repeat :filter by single field

angularjs ng-repeat angularjs-filter
Tim Webster picture Tim Webster · Feb 6, 2013 · Viewed 815.7k times · Source

I have an array of products that I'm repeating over using ng-repeat and am using 

<div ng-repeat="product in products | filter:by_colour">

to filter these products by colour. The filter is working but if the product name / description etc contains the colour then the product remains after the filter is applied.

How do I set the filter to only apply to the colour field of my array rather than every field?

Answer

bmleite picture bmleite · Feb 6, 2013

Specify the property (i.e. colour) where you want the filter to be applied:

<div ng-repeat="product in products | filter:{ colour: by_colour }">

Related questions

AngularJs How to filter ngRepeat with another array elements

Is there any option to filter from $scope.items where the ID exist in the array $scope.myitems ? ng-repeat="item in items | filter:{item.id == myitems} Demo: http://codepen.io/anon/pen/rOeGYB

Read More
Adding parameter to ng-click function inside ng-repeat doesn't seem to work

I have a simple loop with ng-repeat like this: <li ng-repeat='task in tasks'> <p> {{task.name}} <button ng-click="removeTask({{task.id}})">remove</button> </li> There is a function in …

Read More
Angular ng-repeat Error "Duplicates in a repeater are not allowed."

I am defining a custom filter like so: <div class="idea item" ng-repeat="item in items" isoatom> <div class="section comment clearfix" ng-repeat="comment in item.comments | range:1:2"> .... </div> </div> As you …

Read More