meteor.js 和空格键 - 在嵌套循环中传递变量

问题描述 投票:0回答:1

背景

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


问题

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


以下是到目前为止不起作用的元代码:

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

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

javascript meteor spacebars meteor-collections
1个回答
3
投票

最新版本的空格键支持引用父级。尝试:

{{#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;
});
© www.soinside.com 2019 - 2024. All rights reserved.