使用Handlebars.js迭代基本的“for”循环?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (196)

大多数例子都是基于迭代一个对象的。我想知道如何在基本for循环中使用handlebars。

例。

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

这怎么能实现?

提问于
用户回答回答于

这对Handlebars没有任何帮助,但你可以轻松地添加你自己的helper。

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

演示:http : //jsfiddle.net/ambiguous/WNbrL/

用户回答回答于

如果想使用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}}

所属标签

可能回答问题的人

  • 人生的旅途

    10 粉丝484 提问6 回答
  • 无聊至极

    4 粉丝504 提问6 回答
  • 富有想象力的人

    4 粉丝0 提问4 回答
  • 找虫虫

    2 粉丝0 提问4 回答

扫码关注云+社区

领取腾讯云代金券