離子圖標和“無法綁定到'名稱'，因為它不是已知的本機屬性”錯誤

Question

我要使用ionic 2和angular2來開發移動應用程序時，要使用ionic圖標和[name]的屬性以及以下表達式：

<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