首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用Handlebars.js遍历基本的“for”循环

使用Handlebars.js遍历基本的“for”循环
EN

Stack Overflow用户
提问于 2012-08-13 01:59:12
回答 5查看 89.9K关注 0票数 81

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

举例说明。

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

如何才能做到这一点?

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 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}}

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

票数 182
EN

Stack Overflow用户

发布于 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}}
票数 25
EN

Stack Overflow用户

发布于 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}}
票数 9
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11924452

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档