Iterando sobre el bucle "for" básico usando Handlebars.js

Question

Soy nuevo en Handlebars.js y acabo de empezar a usarlo. La mayoría de los ejemplos se basan en iterar sobre un objeto. Quería saber cómo usar los manubrios en Basic for loop.

Ejemplo.

for(i=0 ; i<100 ; i++) { 
    create li's with i as the value 
} 

¿Cómo se puede lograr esto?

Answer 1

No hay nada en el manillar para esto, pero puede agregar sus propios ayudantes con la suficiente facilidad.

si sólo quería hacer algo n veces y luego:

Handlebars.registerHelper('times', function(n, block) { 
    var accum = ''; 
    for(var i = 0; i < n; ++i) 
     accum += block.fn(i); 
    return accum; 
}); 

y

{{#times 10}} 
    <span>{{this}}</span> 
{{/times}} 

Si quería un todo for(;;) bucle, entonces algo como esto:

Handlebars.registerHelper('for', function(from, to, incr, block) { 
    var accum = ''; 
    for(var i = from; i < to; i += incr) 
     accum += block.fn(i); 
    return accum; 
}); 

y

{{#for 0 10 2}} 
    <span>{{this}}</span> 
{{/for}} 

Demostración: http://jsfiddle.net/ambiguous/WNbrL/

Answer 2

Si te gusta CoffeeScript

Handlebars.registerHelper "times", (n, block) -> 
    (block.fn(i) for i in [0...n]).join("") 

y

{{#times 10}} 
    <span>{{this}}</span> 
{{/times}} 

Answer 3

Este fragmento se hará cargo de bloque de los demás en caso n viene valor como dinámico, y proporcionan @index variable de contexto opcional, también mantendrá el contexto externo de la ejecución.

/* 
* Repeat given markup with given times 
* provides @index for the repeated iteraction 
*/ 
Handlebars.registerHelper("repeat", function (times, opts) { 
    var out = ""; 
    var i; 
    var data = {}; 

    if (times) { 
     for (i = 0; i < times; i += 1) { 
      data.index = i; 
      out += opts.fn(this, { 
       data: data 
      }); 
     } 
    } else { 

     out = opts.inverse(this); 
    } 

    return out; 
}); 

Answer 4

respuesta Top aquí es bueno, si desea utilizar la última/primera/index aunque se puede utilizar el siguiente

Handlebars.registerHelper('times', function(n, block) { 
    var accum = ''; 
    for(var i = 0; i < n; ++i) { 
     block.data.index = i; 
     block.data.first = i === 0; 
     block.data.last = i === (n - 1); 
     accum += block.fn(this); 
    } 
    return accum; 
}); 

y

{{#times 10}} 
    <span> {{@first}} {{@index}} {{@last}}</span> 
{{/times}}