Angular.js ng-repeat filter by property having one of multiple values (OR of values)

by

Best way to do this is to use a function:

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

$scope.myFilter = function (item) { 
    return item === 'red' || item === 'blue'; 
};

Alternatively, you can use ngHide or ngShow to dynamically show and hide elements based on a certain criteria.

More Related Contents:

  1. ng-repeat finish event
  2. Way to ng-repeat defined number of times instead of repeating over array?
  3. How to filter multiple values (OR operation) in angularJS
  4. how to split the ng-repeat data with three columns using bootstrap
  5. How to improve performance of ngRepeat over a huge dataset (angular.js)?
  6. AngularJS multiple filter with custom filter function
  7. orderBy multiple fields in Angular
  8. AngularJS – how to get an ngRepeat filtered result reference
  9. angular ng-repeat in reverse
  10. Angular – Can’t make ng-repeat orderBy work
  11. ngRepeat Filter by deep property
  12. How To bind data using TypeScript Controller & Angular Js
  13. Access index of the parent ng-repeat from child ng-repeat
  14. Dynamic form name attribute in Angularjs
  15. Skip ng-repeat JSON ordering in Angular JS
  16. Understanding the ngRepeat ‘track by’ expression
  17. AngularJS ng-repeat handle empty list case
  18. angularjs custom filter to check for values inside a data array
  19. Angular passing scope to ng-include
  20. Angular.js ng-repeat across multiple elements
  21. How to generates dynamically ng-model=”my_{{$index}}” with ng-repeat in AngularJS?
  22. What is the difference between $scope.$root and $rootScope?
  23. Call angularjs function using jquery/javascript
  24. Pass parent scope value into ng-repeat loop in Angular
  25. Sort or Rearrange Rows of a table in angularjs (drag and drop)
  26. Clear localStorage on tab/browser close but not on refresh
  27. Angular controller scope not updating after jQuery ajax call
  28. angularjs: change filter options dynamically
  29. Blob download is not working in IE
  30. Angular.js: Is .value() the proper way to set app wide constant and how to retrieve it in a controller

Leave a Comment