Angular флажок нельзя отключить

Question

<input type="checkbox" kendoCheckBox id="syncToCDS-checkbox" class="k-checkbox" name="SyncToCDS" formControlName="SyncToCDS" [readonly]="true"> // never disabled
<input type="checkbox" kendoCheckBox id="syncToCDS-checkbox" class="k-checkbox" name="SyncToCDS" formControlName="SyncToCDS" [disabled]="true"> // never disabled
<input type="checkbox" kendoCheckBox id="syncToCDS-checkbox" class="k-checkbox" name="SyncToCDS" formControlName="SyncToCDS" [attr.disabled]="false"> //always disabled

Когда я проверяю элемент [disabled], я вижу ng-reflect-is-disabled="true" на входе. Мне кажется, что ввод не работает должным образом, и я бы хотел этого избежать (что действительно работает):

<input type="checkbox" *ngIf="cannotUnsyncCDS" disabled kendoCheckBox id="syncToCDS-checkbox" class="k-checkbox" formControlName="SyncToCDS">
<input type="checkbox" *ngIf="!cannotUnsyncCDS" kendoCheckBox id="syncToCDS-checkbox" class="k-checkbox" formControlName="SyncToCDS">

Answer 1

вы можете использовать angular метод отключения элементов управления формой, чтобы отключить элемент управления формы или отключить все элементы управления группы форм.

Чтобы отключить элемент управления формой:

this.yourFormGroupName.controls.SyncToCDS.disable();

Чтобы отключить все элементы управления:

this.yourFormGroupNanme.disable();

Answer 2

Kendo-UI зависит от версии jquery. Раньше я сталкивался с такой же проблемой, поэтому проверьте свою версию jquery с помощью Kendo-UI