Как отобразить непроверенный элемент primeNg inputSwitch?
Как я объясню это шестилетнему ребенку:
Вы знаете, как взрослые могут владеть домом, и они называют его домом? Когда у мамы есть ребенок, ребенок действительно ничего не владеет, верно? Но его родители владеют домом, поэтому всякий раз, когда кто-то спрашивает ребенка «Где твой дом?», Он может ответить «на этот дом!» И указать на дом своих родителей. «Закрытие» - это способность ребенка всегда (даже если за границей) быть в состоянии сказать, что у него есть дом, хотя это действительно родители, которые владеют этим домом.
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 {
}