我是Handlebars.js的新手,刚刚开始使用它。大多数示例都基于迭代对象。我想知道如何在基本循环中使用把手。
实施例
for(i=0 ; i<100 ; i++) {
create li's with i as the value
}
如何实现这一目标?
答案 0 :(得分:161)
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}}
答案 1 :(得分:14)
如果你想使用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}}
答案 2 :(得分:7)
如果你喜欢CoffeeScript
Handlebars.registerHelper "times", (n, block) ->
(block.fn(i) for i in [0...n]).join("")
和
{{#times 10}}
<span>{{this}}</span>
{{/times}}
答案 3 :(得分:5)
此代码段将处理else 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;
});
答案 4 :(得分:0)
夫妇晚了,但是把手中现在提供each
,可让您轻松地对一系列项目进行迭代。