如何在 Handlebars/Mustache 中的 #each 块中使用来自另一个对象的数据

Question

如果我有一组名为 products 的数据，如果想在视图页面上呈现它们，我可以这样做：

<ul class="product_list">
  {{#each products}}
    <li>{{products.ProductTitle}}</li>
  {{/each}}
</ul>

但在上面的循环中，我想包含一些其他数据，例如：

<ul class="product_list">
  {{#each products}}
    <li>{{products.ProductTitle}}</li>
    <img src="{{appvar.CDN}}/img.jpg"/> // appvar is a different data object
  {{/each}}
</ul>

目前，如果我像上面那样操作，我不会从 {{appvar.CDN}} 得到任何回报。没有错误，什么都没有...所以它最终呈现为 <img src="/img.jpg"/>

我在 handlebars.js 文档中看不到这种特殊情况（我认为很多东西没有记录！可能需要查看服务器端的 vue.js）。

Answer 1

查看路径 https://handlebarsjs.com/#paths 的车把文档。要访问 appvar，您可能需要在属性名称之前包含 ../，以便 handlebars 将根据父上下文对其进行评估。

如何在 Handlebars/Mustache 中的 #each 块中使用来自另一个对象的数据

How to use data from another object within an #each block in Handlebars/Mustache

node.js

express

handlebars.js

mustache