스타일을 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은 사용자가 데이터 바인딩을 사용하여 아이콘을 바인딩 할 때 다른 속성을 연결합니다.

이름 대신 ng-reflect-name을 사용하도록 scss를 업데이트해야합니다.

예 :!

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