Как отобразить непроверенный элемент primeNg inputSwitch?

Question

В документации PrimeNg я могу видеть класс стиля как проверенный ui-InputSwitch, но у него нет никакого класса для непроверенного элемента. Здесь, основываясь на моем значении fileStatus, мне нужно отобразить активный и неактивный inputSwitch. Я могу показать активный переключатель, но не могу показать неактивный переключатель, основываясь на статусе файла. Как мне этого добиться? Заранее спасибо.

<p-inputSwitch [ngClass]="(doc.fileStatus === 'ACTIVE')?'ui-inputswitch-checked':'ui-inputswitch-unchecked'" (onChange)="activeInactive(doc)" [(ngModel)]="doc.fileStatus">
</p-inputSwitch>

Answer 1

Для входов переключите его класс переключения. Если активен, то добавлен класс, проверяемый переключателем пользовательского интерфейса.

<p-inputSwitch [ngClass]="(doc.fileStatus === 'ACTIVE')?'ui-inputswitch-checked':''" (onChange)="activeInactive(doc)" [(ngModel)]="doc.fileStatus">

Если вы хотите стилизовать переключатель ввода для активного и неактивного состояния, используйте класс ниже для активного и неактивного состояния

Для неактивного состояния

.ui-inputswitch.ui-widget {
}

Для активного состояния

.ui-inputswitch.ui-widget.ui-inputswitch-checked {
}