用Ionic2更換款式

Question

我需要您的支持與ionic2。問題是青菜風格並沒有在此代碼視圖上的效果：

$verde : #89ce4b; 
 
$amarillo : #ece04e; 
 
$rojo : #f15959; 
 
$gris : #aaa; 
 

 
ion-icon[name="checkmark-circle"]{color:$verde;} 
 
ion-icon[name="close-circle"] \t {color:$rojo;} 
 
ion-icon[name="alert"] {color:$amarillo;} 
 
ion-icon[name="arrow-dropright-circle"] {color:$gris;}

<ion-list *ngFor="let insp of Lista"> 
 
\t \t \t <button ion-item> 
 
\t \t \t \t <ion-label>{{insp.desc}} \t 
 
\t \t \t \t <ion-icon name="{{insp.icono}}"></ion-icon> 
 
\t \t \t \t </ion-label> 
 
\t \t \t </button> 
 
</ion-list>

例如，如果"insp.icono" = "checkmark-circle"，它必須是"$verde" = #89ce4b。但圖標始終以默認顏色（灰色）顯示。我能做什麼？

Answer 1

當您像使用數據綁定綁定圖標時，Ionic會附加不同的屬性。

您需要更新您的scss以使用ng-reflect-name而不是名稱。

！例如：

ion-icon[ng-reflect-name="heart"] { 
    color: green; 
}