typescript - 如何在 Angular 中點擊複選框時應用文字裝飾：刪除線

我做了一個活動追蹤器，點擊 新增活動 按鈕會新增活動，點擊 全部清除 按鈕會刪除所有活動，並且顯示帶有核取方塊的活動清單。現在我想要的是，當點擊特定活動的核取方塊時，將該活動文字套用 text-decoration: line-through 並將文字顏色改為紅色。這裡有一個運作中的範例和我嘗試做的效果圖片。我嘗試了好幾種方法，但我猜應該會有一些快速而聰明的方法可以用 ngClass 指令來實現（我目前還找不到實作的方法）。所以我希望找到的是聰明的方法，而不是傳統且冗長的方法。

答案＃1

你為什麼需要 NgClass？

只要使用 CSS。

示範

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