離子圖標和「無法綁定到'名稱'，因爲它不是已知的本地屬性」錯誤

Question

我使用ionic 2和angular2開發移動應用程序，當我想使用離子圖標和[名稱]'財產像這樣的表達式：

<icon item-right 
     [name]="result.kind ==='song' ? 'musical-notes' : 'film'"> 
</icon> 

我得到了一個錯誤：

angular2-polyfills.js:528 Unhandled Promise rejection: Template parse errors: 
Can't bind to 'name' since it isn't a known native property (" 

    <icon item-right 
    [ERROR ->][name]="result.kind ==='song' ? 'musical-notes' : 'film'"></icon> 

但我的學習源（視頻教程）工作......爲什麼？！

Answer 1

我會用ion-icon元素，而不是一個icon：

<ion-icon item-right 
    [name]="result.kind ==='song' ? 'musical-notes' : 'film'"> 
</ion-icon> 

請參閱此鏈接瞭解詳情：

• http://ionicframework.com/docs/v2/components/#icons