禁用 PrimeNG 復選框

Question

我試圖在某些情況下使用disabled屬性禁用 PrimeNG 復選框並將其設置為true 。 但是，每次禁用復選框並單擊它時，它都會刷新頁面並將我帶到根頁面/# 。

作為測試，我嘗試手動禁用復選框：

 <p-checkbox [ngModel]="visibleInReport()" (click)="$event.stopPropagation()" [disabled]="true" binary="true" (onChange)="toggleSelection($event)"></p-checkbox>

在我的組件中， toggleSelection()函數如下：

   toggleSelection(event) {
   console.log("Updating TherapyMatch Visibility");

   this.therapyService.updateReportVisability(this.revisionId, this.therapy.id, event).subscribe((res) => {
     console.log(res);
   });

  }

disabled屬性是否是防止單擊此復選框時發生任何操作的正確方法？

Answer 1

disabled屬性是否是防止單擊此復選框時發生任何操作的正確方法？

是的。 而且您不需要管理click事件。

看看這個StackBlitz ，我剛剛使disabled屬性動態化。