Angular 如何避免复选框被选中？

单击复选框时，我会显示一个带有两个按钮的模式，即接受和不接受。只有选中“接受”按钮时，才应选中该复选框

出于测试目的，我尝试创建此复选框

<input type="checkbox" (change)="foo()" [checked]="false">

关于，

您可以为其分配一个[ngModel]，在foo内部强制它返回false。

您可以为其分配一个[ngModel]，在foo内部强制它返回false。

您可以处理单击事件：

有关演示，请参阅。

您可以处理单击事件：

请参见演示

<input type="checkbox" name="show_recurrency" (change)="foo()" [(ngModel)]="checkout.recurrency" id="show_recurrency" />

        foo(e) {
          e.preventDefault();
          console.error('foooooooooooooooo', e);
          this.checkout.recurrency = false;
          return;
        }

<input type="checkbox" (click)="foo($event)" [checked]="false">

foo(event) {
  event.preventDefault();
  console.log("foo was called");
}