选中复选框后更改标签样式 - Ionic 3

Question

你好......我有一个离子复选框，当它被检查时，它应该改变一些离子标签的样式。

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

当我单击该复选框时，与该复选框关联的离子标签应为：

 text-decoration: line-through;

当它被取消选中时，文字装饰应该再次正常......

我尝试过使用离子复选框：在SCSS中检查过，但它似乎不起作用。

有关如何实现这一目标的任何想法？

Answer 1

您可以使用样式属性绑定，如下所示：

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

请查看 this working Stackblitz project 。