Angular 單擊復選框而不選中它

Question

我的 Angular 項目中有這個復選框：

<input type="checkbox" id="approve_required" (change)="onClick($event,'approve_required',data)" [checked]="isChecked">

單擊復選框時，我實際上首先要檢查是否允許將其設置為選中狀態。 因為如果沒有，復選框應該保持未選中狀態，而是打開一個模式。 現在的情況是，即使我在檢查 onClick function 中的條件后將“isChecked”設置為 false，它也會被單擊並立即顯示為已選中。

有沒有辦法做到這一點？

Answer 1

在模板 (html) 中，

<input type="checkbox" id="approve_required" [(ngModel)]="isChecked" (ngModelChange)="onClick($event,'approve_required',data)">

在 ts,

onClick(value, value1, data){
  this.isChecked = false;
  // open modal here
}