AngularJS Ng-Repeat In Range

Mon, 05 Jan 2015

AngularJS does not provide a way to create multiple copies of an element.

Still this behavior is easy to achieve. Check the bellow filter which solves this problem:

'use strict';

angular .module('APP') .filter('range', function() { return function(input, total) { total = parseInt(total, 10);

    for(var i=0; i<total; ++i) {
        input.push(i);
    }

    return input;
};

})

;

Usage:

<div ng-repeat="n in [] | range:10">element copy #{{$index}}/10</div>

Categories: angularjs