如何在角度上模糊跨度属性

Question

当我单击复选框时，我想模糊具有测试“ Blur me”的span元素>

html文件

 <input (click)="clickbox()" type="checkbox">
 <span>
   <span class="blur"> Blur Me </span>
   <input [disabled]="ischecked" type="month">
 </span>
TS文件

ischecked = true;
clickbox() {
  console.log(this.ischecked);
  this.ischecked = !this.ischecked;
}

[我想在单击复选框html文件时模糊具有测试“ Blur me”的span元素Blur Me＆...

Answer 1

您可以使用ngClass指令来切换这样的类👇

 <span ngClass="{blue:ischecked }" > Blur Me </span>

Answer 2

在您的html中：

Answer 3

用代码更新此行