с помощью ползунка в углу 2

Question

В настоящее время я использую флажок, и я хотел бы переключить и использовать переключатель слайдов, но у меня возникли некоторые проблемы с его настройкой и работой так же, как флажок.

Вот как у меня установлен флажок:

<input class="form-control" [attr.disabled]="item.statusId == 1 ? true : null"
       type="checkbox" [checked]="item.status" (click)="updateItem($event, item)" />

Это тумблер, который я пытаюсь использовать:

<div class="checkbox toggle-switch">
  <label>
      <input [attr.disabled]="item.statusId == 1 ? true : null"
       type="checkbox" [checked]="item.status" (click)="updateItem($event, item)" >
  </label>
</div>

Когда я запускаю код, я могусм. тумблер нормально, но когда я нажимаю на него, чтобы включить или выключить - моя функция щелчка не срабатывает и привязка к [флажку], чтобы посмотреть, не работает ли показ тумблера, включен или выключен.Не уверен, что мне не хватает.