javascript - 访问每个外部的数据

Question

在每个 Handlebars 内时，我想访问一个属性并将该值应用于这些项目。在此示例中，我使用每个选项数组值设置了一个段落标记。作为该过程的一部分，我想将相同的类添加到这些相同的段落中。

JSON:

"newFaucetCrumbsDiv": {
"options": ["Intro","Video Gallery","Help Me Choose", "Recommendations"],
"recommendationsCount": "0",
"class":"newFaucetCrumbText"
    }

模板:

<div id="newFaucetCrumbsDiv">
    {{#each newFaucetCrumbsDiv.options}}
        <p class="{{newFaucetCrumbsDiv.class}}">{{this}}</p>
    {{/each}}
</div>

我的 p 标签正确显示，但类不正确。在 JSON 中，我不想为数组中的每个项目调用类 - 太冗长而且它们是相同的。 Handlebars 语法是否允许这样做？如果没有，什么 helper 可以帮忙？谢谢，我刚刚开始使用 Handlebars~!

Answer 1

您必须使用 ../ 退出到父上下文:

<div id="newFaucetCrumbsDiv">
    {{#each newFaucetCrumbsDiv.options}}
        <p class="{{../newFaucetCrumbsDiv.class}}">{{this}}</p>
    {{/each}}
</div>

<小时/>

这里引用 the docs :

Nested handlebars paths can also include ../ segments, which evaluate their paths against a parent context... The ../ path segment references the parent template scope, not one level up in the context...