使用 Handlebars 循环 n 次

Question

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

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

我用 NodeJs 渲染我的模板并尝试传递一个计数变量

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

我还需要使用助手吗？

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