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

在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>

最佳答案

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