Passing arguments to angularjs filters

by

Actually there is another (maybe better solution) where you can use the angular’s native ‘filter’ filter and still pass arguments to your custom filter.

Consider the following code:

<div ng-repeat="group in groups">
    <li ng-repeat="friend in friends | filter:weDontLike(group.enemy.name)">
        <span>{{friend.name}}</span>
    <li>
</div>

To make this work you just define your filter as the following:

$scope.weDontLike = function(name) {
    return function(friend) {
        return friend.name != name;
    }
}

As you can see here, weDontLike actually returns another function which has your parameter in its scope as well as the original item coming from the filter.

It took me 2 days to realise you can do this, haven’t seen this solution anywhere yet.

Checkout Reverse polarity of an angular.js filter to see how you can use this for other useful operations with filter.

More Related Contents:

  1. How to filter (key, value) with ng-repeat in AngularJs?
  2. How to filter array when object key value is in array
  3. Share data between AngularJS controllers
  4. Delete firebase data older than 2 hours
  5. How to pass parameters using ui-sref in ui-router to controller
  6. Break promise chain and call a function based on the step in the chain where it is broken (rejected)
  7. What is the difference between & vs @ and = in angularJS
  8. AngularJS toggle class using ng-class
  9. How do I get the Back Button to work with an AngularJS ui-router state machine?
  10. Export to xls using angularjs
  11. Issue with Android Hybid app to display remote image with Ionic framework?
  12. Turn off URL manipulation in AngularJS
  13. How to read response headers in angularjs?
  14. angularJS display base64 image
  15. CSS: Change parent on focus of child
  16. Angular Js currency, symbol euro after
  17. ScrollTo function in AngularJS
  18. Angular/UI-Router – How Can I Update The URL Without Refreshing Everything?
  19. How to delete ‘#’ sign in angular-ui-router URLs
  20. AngularJS ng-repeat handle empty list case
  21. ESLint’s “no-undef” rule is calling my use of Underscore an undefined variable
  22. Jenkins error – Blocked script execution in . because the document’s frame is sandboxed and the ‘allow-scripts’ permission is not set
  23. Retain scroll position on route change in AngularJS?
  24. Setting application wide HTTP headers in AngularJS
  25. Show pop-ups the most elegant way
  26. AngularJS: lazy loading controllers and content
  27. Is it a bad practice to use jQuery in Angular? [closed]
  28. Rename Object Key in an array using javascript
  29. Function Called Multiple Times in AngularJS Repeat Section
  30. Load static JSON file in Webpack

Leave a Comment