如何显示primeNg inputSwitch的未选中元素？

Question

在PrimeNg文档中，我可以将样式类视为ui-inputswitch-checked，但是它没有任何用于未经检查的元素的类。在这里，基于我的fileStatus值，我需要显示活动和不活动的inputSwitch。我可以显示活动开关，但不能基于filestatus显示不活动开关。我该如何实现？预先感谢。

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

Answer 1

对于inputswitch的切换类。如果处于活动状态，则添加ui-inputswitch-checked类。

<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 {
}