如何应用文字修饰:在单击有角的复选框时要进行彻底的行

bal*_*ali 2 typescript angular

我制作了一个活动跟踪器,该活动跟踪器在单击添加活动时添加活动,而在单击清除所有按钮时删除所有活动,并显示带有复选框的活动列表。现在,我想要的是应用文本装饰:行直通,并在单击特定活动的复选框时将活动文本的颜色更改为红色。这是我正在尝试做的工作演示和图片。我尝试了几种方法来执行此操作,但我猜会有一些使用ngClass指令(但我没有找到实现方法的方法)的快速而聪明的方法。因此,我期望一个聪明的方法不会经典而冗长。

在此处输入图片说明

小智 5

你为什么需要NgClass

只需使用CSS。

演示版

input[type="checkbox"]:checked+span {
  text-decoration: line-through;
  color: red;
}
Run Code Online (Sandbox Code Playgroud)