属性绑定不起作用 - 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")}}

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

Attribute binding not working - Ember.js

javascript

ember.js

ember-cli