我是Handlebars.js的新手,刚刚开始使用它。大多数示例都是基于对对象的迭代。我想知道如何在基本的for循环中使用handlebars。
举例说明。
for(i=0 ; i<100 ; i++) {
create li's with i as the value
}
如何才能做到这一点?
发布于 2012-08-13 03:06:12
在Handlebar中没有这方面的东西,但是你可以很容易地添加你自己的助手。
如果你只是想做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}}
发布于 2017-01-04 20:00:22
如果您想使用last / first / index,这里的Top回答是很好的,不过您可以使用以下内容
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}}
发布于 2014-01-25 16:14:14
如果你喜欢CoffeeScript
Handlebars.registerHelper "times", (n, block) ->
(block.fn(i) for i in [0...n]).join("")
和
{{#times 10}}
<span>{{this}}</span>
{{/times}}
https://stackoverflow.com/questions/11924452
复制相似问题