angular-filters – Tarik Billa

AngularJS – How to structure a custom filter with ng-repeat to return items conditionally

March 31, 2023 by Tarik

Filters don’t work on individual items in the array, they transform the entire array into another array. userApp.filter(‘matchAccessLevel’, function() { return function( items, userAccessLevel) { var filtered = []; angular.forEach(items, function(item) { if(userAccessLevel >= item.minAccess) { filtered.push(item); } }); return filtered; }; }); See this plnkr **always inspect the arguments to a function. It’s not … Read more

Add more text after using a filter in ng-bind in angularjs

March 23, 2023 by Tarik

Instead of interpolating(using {{}}) something in the ng-bind directive you can simply enclose the filtered value with a parenthesis and append your text. <h1 ng-bind=”(input | filter) + ‘ more stuff'”></h1> furthermore, if the text you want to add is not in any way dynamic then I suggest you append another element to bind the … Read more

How to filter array when object key value is in array

March 12, 2023 by Tarik

You can do it with Array.prototype.filter(), var data = { records : [{ “empid”: 1, “fname”: “X”, “lname”: “Y” }, { “empid”: 2, “fname”: “A”, “lname”: “Y” }, { “empid”: 3, “fname”: “B”, “lname”: “Y” }, { “empid”: 4, “fname”: “C”, “lname”: “Y” }, { “empid”: 5, “fname”: “C”, “lname”: “Y” }] } var empIds … Read more

AngularJS : Custom filters and ng-repeat

February 23, 2023 by Tarik

If you want to run some custom filter logic you can create a function which takes the array element as an argument and returns true or false based on whether it should be in the search results. Then pass it to the filter instruction just like you do with the search object, for example: JS: … Read more

Passing arguments to angularjs filters

January 8, 2023 by Tarik

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 = … Read more

How to filter (key, value) with ng-repeat in AngularJs?

December 24, 2022 by Tarik

Angular filters can only be applied to arrays and not objects, from angular’s API – “Selects a subset of items from array and returns it as a new array.” You have two options here: 1) move $scope.items to an array or – 2) pre-filter the ng-repeat items, like this: <div ng-repeat=”(k,v) in filterSecId(items)”> {{k}} {{v.pos}} … Read more

How to use a filter in a controller?

September 9, 2022 by Tarik

Inject $filter to your controller function myCtrl($scope, $filter) { } Then wherever you want to use that filter, just use it like this: $filter(‘filtername’); If you want to pass arguments to that filter, do it using separate parentheses: function myCtrl($scope, $filter) { $filter(‘filtername’)(arg1,arg2); } Where arg1 is the array you want to filter on and … Read more