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

Question

在 PrimeNg 文档中，我可以看到样式类为 ui-inputswitch-checked 但它没有任何未检查元素的类。在这里，根据我的 fileStatus 值，我需要显示事件和非事件的 inputSwitch。我可以显示事件开关，但无法显示基于文件状态的非事件开关。我怎样才能做到这一点？提前致谢。

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