CSS切换开关不会更改复选框值/状态

Question

我正在尝试创建一个切换一个开关。我使用的Tempate来自：

https://www.w3schools.com/howto/howto_css_switch.asp

每个事情都可以正常工作，但是(隐藏(复选框的检查或值不会更改。我的角(4(绑定需要此值

您如何施加这个？

Answer 1

您可以使用绑定。

<input type="checkbox" [checked]="checkbx"
(change)="checkbx = !checkbx" formControlName="name">
In Ts file:
private checkbx: boolean = true;
constructor(private fb: FormBuilder){
    this.heroForm = this.fb.group({
    name: [this.checkbx, Validators.required ],
    });
}
addvalue(checkbx: boolean){
  console.log(this.heroForm.value)
}

检查此实时链接