Im new для Handlebars.js и только начал его использовать. Большинство примеров основаны на итерации по объекту. Я хотел бы знать, как использовать рули в базовом для цикла.
Пример.
for(i=0 ; i<100 ; i++) {
create li with i as the value
}
Как это можно достичь?
В Handlebars ничего нет, но вы можете легко добавить своих помощников.
Если вы просто хотели что-то сделать n раз, то:
Handlebars.registerHelper('times', function(n, block) {
var accum = '';
for(var i = 0; i < n; ++i)
accum += block.fn(i);
return accum;
});
и
{{#times 10}}
<span>{{this}}</span>
{{/times}}
Если вам нужен цельный цикл for(;;), то что-то вроде этого:
Handlebars.registerHelper('for', function(from, to, incr, block) {
var accum = '';
for(var i = from; i < to; i += incr)
accum += block.fn(i);
return accum;
});
и
{{#for 0 10 2}}
<span>{{this}}</span>
{{/for}}
Верхний ответ здесь хорош, если вы хотите использовать last/first/index, хотя можете использовать следующие
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;
});
и
{{#times 10}}
<span> {{@first}} {{@index}} {{@last}}</span>
{{/times}}
Если вам нравится CoffeeScript
Handlebars.registerHelper "times", (n, block) ->
(block.fn(i) for i in [0...n]).join("")
и
{{#times 10}}
<span>{{this}}</span>
{{/times}}
Этот фрагмент позаботится о другом блоке, если n появится как динамическое значение и предоставит необязательную контекстную переменную @index, она также сохранит внешний контекст выполнения.
/*
* 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;
});