Iterazione del ciclo "for" di base utilizzando Handlebars.js

Question

Sono nuovo in Handlebars.js e ho appena iniziato ad usarlo. La maggior parte degli esempi si basa sull'iterazione di un oggetto. Volevo sapere come usare i manubri nel ciclo di base.

Esempio.

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

Come può essere ottenuto?

Answer 1

Non c'è niente in Manubri per questo, ma è possibile aggiungere i propri aiutanti abbastanza facilmente.

Se si voleva solo fare qualcosa n volte poi:

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

e

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

Se si voleva un intero for(;;) ciclo, quindi qualcosa di simile:

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

e

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

Demo: http://jsfiddle.net/ambiguous/WNbrL/

Answer 2

Se ti piace CoffeeScript

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

e

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

Answer 3

Questo frammento si prenderà cura di blocco else in caso n arriva valore come dinamica, e di fornire @index variabile di contesto opzionale, manterrà anche il contesto esterno dell'esecuzione.

/* 
* 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

risposta Top qui è buono, se si desidera utilizzare ultimo/primo/index anche se si potrebbe utilizzare il seguente

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; 
}); 

e

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