チェックボックスがオンになっているときに、ラベルのスタイルを変更する - イオン3

Question

こんにちは...私はイオンチェックボックスを持っており、チェックされると、イオンラベルのスタイルが変わるはずです。

text-decoration: line-through; 

をそして、それがオフになったときに、テキスト装飾は、通常、再び...

を取得する必要があります：

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

私は、チェックボックスをクリックすると、そのチェックボックスに関連したイオンラベルが取得する必要があります

イオンチェックボックスを使ってみました：SCSSでチェックしましたが、動作していないようです。

この問題を解決する方法はありますか？

Answer 1

あなたはこのように、バインディングのスタイル属性を使用することができます。this working Stackblitz projectを見てみましょう

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

してください。