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

Ich bin neu Handlebars.js und gerade angefangen es zu benutzen. Die meisten Beispiele basieren auf dem iterieren über ein Objekt. Ich wollte wissen, wie man LENKER in basic for-Schleife.

Beispiel.

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

Wie kann das erreicht werden?

InformationsquelleAutor der Frage user1184100 | 2012-08-12

  1. 147

    Es gibt nichts im LENKER, aber Sie können fügen Sie Ihre eigenen Helfer leicht genug.

    Wenn Sie gerade etwas tun wollte n dann mal:

    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 man wollte, eine ganze for(;;) - Schleife, so etwas wie dieses:

    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/

    InformationsquelleAutor der Antwort mu is too short

  2. 11

    Top-Antwort hier ist gut, wenn Sie wollen, verwenden Sie die Letzte /erste /index allerdings könnten 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}}

    InformationsquelleAutor der Antwort Mike Mellor

  3. 8

    Wenn Sie wie CoffeeScript

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

    und

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

    InformationsquelleAutor der Antwort Manuel

  4. 5

    Diesem snippet wird sich darum kümmern else-block im Fall n kommt als dynamischer Wert, und bieten @index optionale Kontext-variable, Sie wird halten Sie den äußeren Rahmen der Ausführung als auch.

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

    InformationsquelleAutor der Antwort dmi3y

Schreibe einen Kommentar