【问题标题】:Accessing data outside each访问每个外部的数据
【发布时间】:2013-01-30 02:15:03
【问题描述】:

在每个 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 语法?如果没有,什么助手可能会提供帮助?谢谢你,我刚刚开始使用 Handlebars~!

【问题讨论】:

    标签: javascript templates handlebars.js


    【解决方案1】:

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

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

    这是来自the docs的引述:

    嵌套把手路径还可以包括 ../ 段,它们根据父上下文评估其路径...../ 路径段引用父模板范围,而不是上下文中的上一级...

    【讨论】:

    • 谢谢。在文档的示例中,我没有看到它引用的“永久链接”。
    猜你喜欢
    • 2018-09-26
    • 2023-04-04
    • 1970-01-01
    • 2020-11-30
    • 2015-04-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-06
    相关资源
    最近更新 更多