Как отключить "ui-switch" в angular

Question

Я не могу отключить свой ui-switch при определенных условиях. Я попробовал [attr.disabled], но у меня ничего не вышло. Есть ли другой способ сделать это?

<ui-switch class="mt-4" checkedLabel="{{'T' | translate}}" size="medium"
                                   uncheckedLabel="{{'F' | translate}}"
                                   formControlName="isApprovalRequired"
                                   [attr.disabled]="(selectedTypeData === 'APPROVAL' ? true : null)"></ui-switch>

Answer 1

Это просто [diabled] не [attr.disabled] проверьте документацию здесь

<ui-switch checked [disabled]="selectedTypeData === 'APPROVAL' ? true : false"></ui-switch>

Рабочий stackblitz