如何自动重新选中已使用angular取消选中的复选框

时间:2019-05-08 19:49:10

标签: angular checkbox

我有一个复选框,用户可以取消选中或选中。 当用户取消选中它时,我想使用角度自动检查它

我正在使用角度7。

模板代码:

  type="checkbox"
  [(ngModel)]="CheckBoxValue"
  (ngModelChange)="onChangeCheckBox(CheckBoxValue)"/>

要取消检查的组件事件:

  public onChangeCheckBox(value: boolean): void {
    if (!value) {
      this._checkBoxValue = true;
      console.log("I have been there");
    }
  }

这是我的代码的链接:https://stackblitz.com/edit/angular-tgud2c

您可能会问我要怎么做?我最初的问题比较复杂。 我已尽力简化它。您可以找到它here

1 个答案:

答案 0 :(得分:1)

您最好使用单选按钮,但是如果出于某种原因不能使用,可以使用骇客的setTimeout来实现自己的目标:

public onChangeCheckBox(value: boolean): void {
    setTimeout(() => {
       this._checkBoxValue = true;
    });
}