javascript - 属性绑定(bind)不起作用 - Ember.js

Question

href 属性范围绑定(bind)在 Ember.js 中不起作用。我希望将其绑定(bind)为 /fruits/1。 PFB 代码。

home.hbs

<ul>
    {{#each fruits as |fruit|}}
        {{list-item href="/fruits/{{fruit.id}}" item=fruit onitemclick=(action "handleFruitsDetail")}}
    {{else}}
        <li>Loading!</li>
    {{/each}}
</ul>

list-item 是一个自定义组件，我在其中传递和绑定(bind) href。 PFB 其代码。

列表项.hbs

<li>
    <a href="{{href}}" onclick={{action "handleItemClick"}}>{{item.name}}</a>
</li>

提前致谢。

Answer 1

href="/fruits/{{fruit.id}}" 不是为 ember 组件提供属性的有效语法。正确的语法是:

{{list-item href=(concat "/fruits/" fruit.id) item=fruit onitemclick=(action "handleFruitsDetail")}}