Iterating über grundlegende "for" -Schleife mit Lenker.js

Question

Ich bin neu bei Lenker.js und habe gerade angefangen, es zu verwenden. Die meisten Beispiele basieren auf der Iteration über ein Objekt. Ich wollte wissen, wie man Lenker in Basic-for-Loop verwendet.

Beispiel.

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

Wie kann dies erreicht werden?

Answer 1

Es gibt nichts in Lenker, aber Sie können Ihre eigenen Helfer leicht genug hinzufügen.

Wenn Sie nur dann etwas n mal tun wollte:

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

und

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

Wenn Sie eine ganze for(;;) Schleife wollte, dann etwa so:

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

und

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

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

Answer 2

Wenn Sie wie Coffee

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

und

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

Answer 3

Dieser Ausschnitt kümmert sich auch Block in Fall nehmen n als dynamischer Wert kommt, und bieten @index optionale Kontextvariable, behält auch den äußeren Kontext der Ausführung.

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

Top Antwort hier ist gut, wenn Sie das letzte Mal/erste/Index verwenden möchten, wenn Sie die folgenden

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

und

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