AngularJS For Loop with Numbers & Ranges
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 something</div>
I came up with an even simpler version, for creating a range between two defined numbers, eg. 5 to 15
HTML:
<ul> <li ng-repeat="n in range(5,15)">Number {{n}}</li></ul>
Controller:
$scope.range = function(min, max, step) { step = step || 1; var input = []; for (var i = min; i <= max; i += step) { input.push(i); } return input;};
Nothing but plain Javascript (you don't even need a controller):
<div ng-repeat="n in [].constructor(10) track by $index"> {{ $index }}</div>
Very useful when mockuping