使用把手循环n次

时间:2018-01-04 09:37:55

标签: html node.js handlebars.js

  

这里已有答案   Iterating over basic “for” loop using Handlebars.js   但它来自 2012 ,所以也许我现在可以得到更好的解决方案。

我想循环n次。如果要创建5个容器,我想循环5次。

我使用NodeJ渲染我的模板并尝试传递计数变量

res.render('myTemplate', {
   barCount: 3
});

目前我必须写

<div class="container">
</div>
<div id="bar3" class="bar"></div>

<div class="container">
</div>
<div id="bar2" class="bar"></div>

<div class="container">
</div>
<div id="bar1" class="bar"></div>

但我想写这样的东西

    {{#each barCount}}
        <div class="container"></div>        
        <div id="bar{{barCount - this + 1}}" class="bar"></div>
    {{/each}}

我还需要使用助手吗?

1 个答案:

答案 0 :(得分:1)

res.render('myTemplate', {
  barCount: [3, 2, 1] // or use lodash range function
});

{{#each barCount}}
    <div class="container"></div>        
    <div id="bar{{this}}" class="bar"></div>
{{/each}}