Отключение флажка PrimeNG

Question

В некоторых случаях я пытаюсь отключить флажок PrimeNG, используя свойство disabled и устанавливая для него 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 динамическим.