Attribute `checked` is always set to `true`

[webcat12345]

Attribute `checked` is always set to `true`

[webcat12345]

@Input() is implemented here .

And short demo for sync checked attribute here goes.

<ui-switch [checked]="cust" (change)="onChange($event)"></ui-switch>

<h2>{{cust}}</h2>

<button class="btn btn-primary" (click)="onSwitch()">Change</button>

  cust = false;
  onChange(event): void {
    console.log(event);
  }
  onSwitch(): void {
    this.cust = !this.cust;
  }

[morkro]

Thanks for the quick reply. You are right, it should actually work.
Guess my issue is somewhere else in my codebase. 🤔

[webcat12345]

@morkro Please let me know when your issue is solved so I can close this issue. Thanks.

[morkro]

The issue has not been resolved for me. It seems like internally the values are correct, but somehow the .checked class is still applied to the element.

[webcat12345]

Reopen issue when you can provide example.