In Template <td>Total: {{ getTotal() }}</td> In Controller $scope.getTotal = function(){ var total = 0; for(var i = 0; i < $scope.cart.products.length; i++){ var product = $scope.cart.products[i]; total += (product.price * product.quantity); } return total; }
Update (9/25/2018) Newer versions of AngularJS (>= 1.3.0) allow you to do this with only a variable (no function needed): <li ng-repeat=”x in [].constructor(number) track by $index”> <span>{{ $index+1 }}</span> </li> $scope.number = 5; This was not possible at the time the question was first asked. Credit to @Nikhil Nambiar from his answer below for … Read more
I tweaked this answer a bit and came up with this fiddle. Filter defined as: var myApp = angular.module(‘myApp’, []); myApp.filter(‘range’, function() { return function(input, total) { total = parseInt(total); for (var i=0; i<total; i++) { input.push(i); } return input; }; }); With the repeat used like this: <div ng-repeat=”n in [] | range:100″> do … Read more
You could use the unique filter from AngularUI (source code available here: AngularUI unique filter) and use it directly in the ng-options (or ng-repeat). <select ng-model=”orderProp” ng-options=”place.category for place in places | unique:’category'”> <option value=”0″>Default</option> // unique options from the categories </select>
How about: <table> <tr ng-repeat=”(key, value) in data”> <td> {{key}} </td> <td> {{ value }} </td> </tr> </table> This method is listed in the docs: https://docs.angularjs.org/api/ng/directive/ngRepeat
Indeed, you should use directives, and there is no event tied to the end of a ng-Repeat loop (as each element is constructed individually, and has it’s own event). But a) using directives might be all you need and b) there are a few ng-Repeat specific properties you can use to make your “on ngRepeat … Read more