每个循环访问Handlebars.js范围之外的变量

2020/10/18 21:41 · javascript ·  · 0评论

我有一个handlebars.js模板,如下所示:

{{externalValue}}

<select name="test">
    {{#each myCollection}}
       <option value="{{id}}">{{title}} {{externalValue}}</option>
    {{/each}}
</select>

这是生成的输出:

myExternalValue

<select name="test">
       <option value="1">First element </option>
       <option value="2">Second element </option>
       <option value="3">Third element </option>
</select>

如预期的那样,我可以访问的每个元素idtitle字段myCollection以生成我的选择。在选择之外,我的externalValue变量已正确打印(“ myExternalValue”)。

不幸的是,在期权的文本中,externalValue价值从未被打印出来。

我的问题是:如何从循环内部访问每个handlebars.js范围之外的变量?

尝试

<option value="{{id}}">{{title}} {{../externalValue}}</option>

../路径段引用父模板范围,应该是你想要的。

或者您可以使用如下绝对路径:

<option value="{{id}}">{{title}} {{@root.user.path.to.externalValue}}</option>

我看到了许多与404链接,以获取有关此主题的文档。

我对此进行了更新,它将在2020年4月1日开始工作

https://handlebarsjs.com/guide/expressions.html#path-expressions

#with和#each之类的一些帮助器使您可以深入嵌套对象。当您在路径中包含../段时,车把将变回父级上下文。

    {{#each people}}
    {{../prefix}} {{firstname}} 
    {{/each}}

即使在注释上下文中打印名称,它仍然可以返回到主上下文(根对象)以检索前缀。

警告

../将解析为的确切值根据调用该块的助手而有所不同。仅在上下文更改时才需要使用../。诸如{{#each}}之类的帮助者的孩子需要使用../,而诸如{{#if}}之类的帮助者的孩子则不需要。

{{permalink}}
{{#each comments}}
  {{../permalink}}

  {{#if title}}
    {{../permalink}}
  {{/if}}
{{/each}}

在此示例中,以上所有引用相同的前缀值,即使它们位于不同的块中也是如此。此行为自Handlebars 4起是新的,发行说明讨论了先前的行为以及迁移计划。

本文地址:http://javascript.askforanswer.com/meigexunhuanfangwenhandlebars-jsfanweizhiwaidebianliang.html
文章标签: ,   ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!