AngularJS for loop com números e intervalos

Eu criei uma versão ainda mais simples, para criar um intervalo entre dois números definidos, por exemplo. 5 a 15

Veja demo no JSFiddle

HTML :

 
 
Number {{n}}
  

Controlador :

 $scope.range = function(min, max, step) { step = step || 1; var input = []; for (var i = min; i <= max; i += step) { input.push(i); } return input; }; 

Nada além de Javascript simples (você nem precisa de um controlador):

 
 {{ $index }}  

Muito útil quando mockuping

Eu criei uma syntax ligeiramente diferente que combina comigo um pouco mais e adiciona um limite inferior opcional também:

 myApp.filter('makeRange', function() { return function(input) { var lowBound, highBound; switch (input.length) { case 1: lowBound = 0; highBound = parseInt(input[0]) - 1; break; case 2: lowBound = parseInt(input[0]); highBound = parseInt(input[1]); break; default: return input; } var result = []; for (var i = lowBound; i <= highBound; i++) result.push(i); return result; }; }); 

que você pode usar como

 
Do something 0..9: {{n}} 

ou

 
Do something 20..29: {{n}} 

Para aqueles que são novos no angularjs. O índice pode ser obtido usando $ index.

Por exemplo:

 
 do something number {{$index}}  

O que, quando você estiver usando o prático filtro do Gloopy, imprime:
faça algo numero 0
faça algo número 1
faça algo numero 2
faça algo numero 3
faça algo número 4
faça algo número 5
faça algo número 6
faça algo numero 7
faça algo numero 8
faça algo número 9

Uma maneira curta de fazer isso seria usar o método _.range () do Underscore.js. 🙂

http://underscorejs.org/#range

 // declare in your controller or wrap _.range in a function that returns a dynamic range. var range = _.range(1, 11); // val will be each number in the array not the index. 
 {{ $index }}: {{ val }}  

Eu uso minha diretiva ng-repeat-range :

 /** * Ng-Repeat implementation working with number ranges. * * @author Umed Khudoiberdiev */ angular.module('commonsMain').directive('ngRepeatRange', ['$compile', function ($compile) { return { replace: true, scope: { from: '=', to: '=', step: '=' }, link: function (scope, element, attrs) { // returns an array with the range of numbers // you can use _.range instead if you use underscore function range(from, to, step) { var array = []; while (from + step <= to) array[array.length] = from += step; return array; } // prepare range options var from = scope.from || 0; var step = scope.step || 1; var to = scope.to || attrs.ngRepeatRange; // get range of numbers, convert to the string and add ng-repeat var rangeString = range(from, to + 1, step).join(','); angular.element(element).attr('ng-repeat', 'n in [' + rangeString + ']'); angular.element(element).removeAttr('ng-repeat-range'); $compile(element)(scope); } }; }]); 

e o código html é

 
 Hello 4 times!  

ou simplesmente

 
 Hello 5 times!  

ou simplesmente

 
 Hello 3 times!  

ou apenas

 
 Hello 7 times!  

A mais simples solução de código era iniciar um array com o intervalo e usar o $ index + por mais que eu quisesse compensar por:

  {{$index+5}}  

Você pode usar filtros ‘after’ ou ‘before’ no módulo angular.filter ( https://github.com/a8m/angular-filter )

 $scope.list = [1,2,3,4,5,6,7,8,9,10] 

HTML:

 
 {{ i }}  

resultado: 5, 6, 7, 8, 9, 10

Definição do método

O código abaixo define um range() método range() disponível para todo o escopo do seu aplicativo MyApp . Seu comportamento é muito semelhante ao método range() do Python.

 angular.module('MyApp').run(['$rootScope', function($rootScope) { $rootScope.range = function(min, max, step) { // parameters validation for method overloading if (max == undefined) { max = min; min = 0; } step = Math.abs(step) || 1; if (min > max) { step = -step; } // building the array var output = []; for (var value=min; value 

 {{ i }},  

 {{ i }},  

 {{ i }},