angular - 如何应用文本装饰:line thorough on clicking a checkbox in angular

Question

我制作了一个事件跟踪器，它可以在单击添加事件时添加事件，在单击全部清除按钮时删除所有事件，并显示带有复选框的事件列表。现在我想要的是应用 text-decoration: line-through 并在单击该特定事件的复选框时将事件文本的颜色更改为红色。这是Working demo以及我正在尝试做的事情的图片。 我尝试了几种方法来做到这一点，但我想会有一些快速而聪明的方法来使用 ngClass 指令来做到这一点(我没有找到实现的方法)。所以我期待一种聪明的方式，而不是经典和冗长。

Answer 1

为什么需要NgClass？

只需使用 CSS。

<强> Demo

input[type="checkbox"]:checked+span {
  text-decoration: line-through;
  color: red;
}