handlebars.js - 使用 Handlebars.js 迭代基本 “for” 循环

Question

我是 Handlebars.js 的新手，刚刚开始使用它。大多数示例都基于对象的迭代。我想知道如何在基本 for 循环中使用 Handlebars 。

示例。

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

如何实现这一目标？

Answer 1

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

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