属性绑定不起作用 - Ember.js

Question

href属性范围绑定在Ember.js中无效。我希望它被绑定为/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是一个自定义组件，我传递并绑定href。 PFB代码。

列表item.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")}}