I am having a problem using p-inputSwitch. It seems getting rendered differently without the handle.
Using in control template as:
Code: Select all
<p-inputSwitch name="measureUnit" [(ngModel)]="selectedItem.measureUnit" (onChange)="onUnitChanged($event)"></p-inputSwitch>
Code: Select all
<p-inputswitch name="measureUnit" ng-reflect-name="measureUnit" ng-reflect-model="true" class="ng-valid ng-dirty ng-touched">
<div role="checkbox" class="ui-inputswitch ui-widget ui-inputswitch-checked" ng-reflect-ng-class="[object Object]" aria-checked="true">
<div class="ui-helper-hidden-accessible">
<input type="checkbox" name="measureUnit">
</div>
<span class="ui-inputswitch-slider"></span>
</div>
</p-inputswitch>
Code: Select all
<p-inputswitch class="ng-valid ng-dirty ng-touched">
<div class="ui-inputswitch ui-widget ui-widget-content ui-corner-all ui-inputswitch-checked" style="width: 45px;">
<div class="ui-inputswitch-off" style="width: 29px;">
<span class="ui-inputswitch-offlabel" style="width: 25px; margin-right: -14px;">Off</span>
</div>
<div class="ui-inputswitch-on" style="width: 14px;">
<span class="ui-inputswitch-onlabel" style="width: 25px; margin-left: 0px;">On</span>
</div>
<div class="ui-inputswitch-handle ui-state-default" style="width: 19px; left: 14px;"></div>
<div class="ui-helper-hidden-accessible">
<input aria-live="polite" readonly="readonly" type="checkbox" aria-label="InputSwitch On">
</div>
</div>
</p-inputswitch>
Thanks.