javascript - meteor.js & spacebars - 在嵌套循环中传递变量

Question

上下文

我正在尝试使用 Handlebars 循环事件，然后嵌套循环图像。我只需要选择与事件循环当前正在进行的事件相对应的图像。

---

问题

我无法在嵌套的图像中传递事件的 _id。有解决方法吗？ 我知道我可以通过助手传递变量，但最好知道是否有更简单的方法。

---

以下是目前无法正常工作的元代码:

//attach venue image to each venue
{{#each myVenues}}
   {{#each myImages}}
      {{#if myVenues._id == myImages._id}}
         <img src="{{this.url}}>
      {{/if}}
   {{/each}}
{{/each}}

如有任何帮助，我们将不胜感激!

Answer 1

较新版本的空格键支持引用父元素。尝试:

{{#each myVenues}}
    {{#each myImages}}
        {{#if ../_id == myImages._id}}
            <img src="{{this.url}}>
        {{/if}}
    {{/each}}
{{/each}}

编辑:

Christian Fritz 指出 if 语句中的条件逻辑不适用于空格键。如果您设置一个助手来评估条件逻辑，您仍然可以让它工作:

{{#each myVenues}}
    {{#each myImages}}
        {{ifequals ../_id myImages._id}}
            <img src="{{this.url}}>
        {{/if}}
    {{/each}}
{{/each}}

然后在助手中:

Template.registerHelper('ifequals', function(a,b) {
    return a === b;
});