Question

我尝试在某些情况下使用disabled属性并将其设置为 true 来禁用PrimeNG复选框。但是，每次禁用该复选框并单击它时，它都会刷新页面并将我带到根页/#。

作为测试我尝试手动禁用复选框：

 <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属性动态化的内容。

禁用PrimeNG复选框

1 个答案: