在 {{#each}} 中使用 {{#link-to}} 和 Ember.js 中的父模板变量



我正在尝试概括一个在整个UI中多次出现的组件。

有一个变量item-type被传递到组件中,目前我正在尝试像这样使用它:

{{#each items}}
    {{#link-to ../item-type this ...}}...{{/link-to}}
{{/each}}

我收到此错误:

此链接处于非活动加载状态,因为其至少一个参数当前具有空值/未定义值,或者提供的路由名称无效。

但是,记录变量可以正常工作:

{{#each items}}
    {{log ../item-type}}
{{/each}}

当然,如果我将../item-type与其值(硬编码)交换,它可以正常工作。

link-to不支持此车把宏吗?

如果没有,是否有可以使用车把助手完成的替代绑定?

我最终通过使用{{#with}}绑定父上下文来解决它。

我无法想象这是建议的方法,所以如果有人知道真正的答案,我会把这个问题留给开放。

例:

{{#with this as component}}
    {{#each items}}
        {{#link-to component.item-type this ..}}...{{/link-to}}
    {{/each}}
{{/with}}

编辑:已经将近 2 年了,这仍然列在 Ember 团队未解决的 SO 错误电子表格中。我现在要关闭它。

最新更新