체크 박스가 선택되면 라벨의 스타일을 바꿉니다 - 이온 3

Question

안녕하세요 ... 저는 이온 체크 박스를 가지고 있으며 체크되면 이온 라벨 스타일을 변경해야합니다.

text-decoration: line-through; 

을 그리고 선택하지 않은 얻을 때, 텍스트 장식은 일반 다시 ...

을 얻어야한다 :

<ion-label>{{item.itemName}}</ion-label> 
<ion-checkbox [(ngModel)]="item.checked" (ionChange)="check(item)" color="primary"></ion-checkbox> 

내가 체크 박스를 클릭하면 해당 체크 박스와 관련된 이온 레이블 가야

ion-checkbox를 사용해 보았습니다. SCSS에서 선택했는데 작동하지 않는 것 같습니다.

어떻게해야합니까? 당신은 스타일을 사용할 수

Answer 1

은 다음과 같이 바인딩 속성 :

<ion-label [style.text-decoration]="item.checked ? 'line-through' : 'none'">{{ item.itemName }}</ion-label> 

이 this working Stackblitz project에서 봐 주시기 바랍니다. 그것은 부모 요소를 확인하고 그 클래스와 하위 텍스트의 스타일을 변경하는 경우