Way to ng-repeat defined number of times instead of repeating over array?

manpreet Best Answer 3 years ago

Is there a way to ng-repeat a defined number of times instead of always having to iterate over an array?

For example, below I want the list item to show up 5 times assuming $scope.number equal to 5 in addition incrementing the number so each list item increments like 1, 2, 3, 4, 5

Desired result:

   
<span>1span>
   
<span>2span>
   
<span>3span>
   
<span>4span>
   
<span>5span>

manpreet 3 years ago

I wanted to keep my html very minimal, so defined a small filter that creates the array [0,1,2,...] as others have done:

angular.module('awesomeApp')
  .filter('range', function(){
    return function(n) {
      var res = [];
      for (var i = 0; i < n; i++) {
        res.push(i);
      }
      return res;
    };
  });

After that, on the view is possible to use like this:

   ng-repeat="i in 5 | range">
    {{i+1}}