ng-repeat expression allows filtered results to be assigned to a variable. This variable will be accessible from current scope so you can use it in same scope anyway you want: <p>Number of filtered items: {{filteredItems.length}}</p> <div ng-show=”filteredItems.length > 0″ ng-repeat=”item in filteredItems = (items | notEmpty)” > {{$index}} </div>
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
You can use groupBy filter of angular.filter module. so you can do something like this: usage: collection | groupBy:property use nested property with dot notation: property.nested_property JS: $scope.players = [ {name: ‘Gene’, team: ‘alpha’}, {name: ‘George’, team: ‘beta’}, {name: ‘Steve’, team: ‘gamma’}, {name: ‘Paula’, team: ‘beta’}, {name: ‘Scruath’, team: ‘gamma’} ]; HTML: <ul ng-repeat=”(key, value) … Read more
Actually the orderBy filter can take as a parameter not only a string but also a function. From the orderBy documentation: https://docs.angularjs.org/api/ng/filter/orderBy): function: Getter function. The result of this function will be sorted using the <, =, > operator. So, you could write your own function. For example, if you would like to compare cards … Read more
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
Instead of <button ng-click=”removeTask({{task.id}})”>remove</button> do this: <button ng-click=”removeTask(task.id)”>remove</button> Please see this fiddle: http://jsfiddle.net/JSWorld/Hp4W7/34/
The top voted answer, while effective, is not what I would consider to be the angular way, nor is it using bootstrap’s own classes that are meant to deal with this situation. As @claies mentioned, the .clearfix class is meant for situations such as these. In my opinion, the cleanest implementation is as follows: <div … Read more
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
Specify the property (i.e. colour) where you want the filter to be applied: <div ng-repeat=”product in products | filter:{ colour: by_colour }”>
The solution is actually described here: http://www.anujgakhar.com/2013/06/15/duplicates-in-a-repeater-are-not-allowed-in-angularjs/ AngularJS does not allow duplicates in a ng-repeat directive. This means if you are trying to do the following, you will get an error. // This code throws the error “Duplicates in a repeater are not allowed. // Repeater: row in [1,1,1] key: number:1″ <div ng-repeat=”row in [1,1,1]”> … Read more