屬性綁定不起作用-Ember.js

Question

href屬性作用域綁定在Ember.js中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}}"無效，無法為余燼組件賦予屬性。 正確的語法是：

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