ionisches Symbol und "Kann nicht an 'name' binden, da es keine bekannte native Eigenschaft ist" Fehler

Question

Ich benutze ionic 2 und angular2 für die Entwicklung von mobilen Apps, wenn ich ionic icon und [name] 'verwenden möchte Eigentum mit Ausdrücken wie folgt aus:

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

ich habe einen Fehler:

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> 

aber für meine Lernquelle (Video-Tutorial) seine Arbeit ... warum?

Answer 1

würde ich das ion-icon Element anstelle des icon ein:

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

Siehe diesen Link für weitere Informationen:

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