javascript - #each helper 之外的 Handlebars 表达式

Question

如何在 #each 中添加动态类名 block 到我的 Handlebars 模板，其中类名不属于 block 范围？

<div class="{{className}}>...</div>

{{#each items}}
    <div class="{{className}}">
        ...
    </div>
{{/each}}

第一个<div>将看到类名，而 #each 中的第二个类名block 没有，因为它现在正在寻找 className在items .
是否可以看到items外面的东西范围在 #each阻止？

Answer 1

您需要返回一个范围(或可能更多)，使用 ../ 访问全局变量。在您的情况下，如果您将 className 作为一个属性传递，并将 ìtems` 作为另一个属性，则您的代码应如下所示:

{{#each items}}
   <div class="{{../className}}">
    ...
   </div>
{{/each}}