在 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>
最佳答案
对于 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 {
}
关于html - 如何显示 primeNg inputSwitch 的未选中元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55297998/