If you want to follow all the “best practices,” there’s a few things I’d recommend, some of which are touched on in other answers and comments to this question. First, while it doesn’t have too much of an affect on the specific question you asked, you did mention efficiency, and the best way to handle … Read more
You need to pass in the argument to filter by: <input ng-model=”filter.key”> <ul> <li ng-repeat=”e in list | filter: {Manager: {Name: filter.key}}”> {{e.Name}} (Manager: {{e.Manager.Name}}) </li> </ul> Example on Plunker
It’s a little hacky, but I am passing variables to an ng-include with an ng-repeat of an array containing a JSON object : <div ng-repeat=”pass in [{‘text’:’hello’}]” ng-include=”‘includepage.html'”></div> In your include page you can access your variable like this: <p>{{pass.text}}</p>
You can do this <div ng-repeat=”item in items” ng-show=”!$first”> <div>{{ item.value }}</div> </div> Here are the docs: http://docs.angularjs.org/api/ng.directive:ngRepeat
Each row has an ID. All you have to do is to send this ID to the function setSelected(), store it (in $scope.idSelectedVote for instance), and then check for each row if the selected ID is the same as the current one. Here is a solution (see the documentation for ngClass, if needed): $scope.idSelectedVote = … 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
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
This should actually work fine. Person should be available on the tr element as well as on its children since they share the same scope. This seems to work fine for me: <table> <tr ng-repeat=”person in people” ng-class=”rowClass(person)”> <td>{{ person.name }}</td> </tr> </table> http://jsfiddle.net/xEyJZ/
A repeater inside a repeater <div ng-repeat=”step in steps”> <div ng-repeat=”(key, value) in step”> {{key}} : {{value}} </div> </div>
$index will refer to the index on the innermost ngRepeat scope, so if that’s what you need, you can just use it. What the docs is describing is a scenario where you need access to $index in the parent ngRepeat. You can get it in a couple of ways: One is to use $parent, and … Read more