使用角度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>

当我运行代码时，我可以看到切换开关正常，但当我点击它以打开或关闭时 - 我的点击功能不会被触发并绑定[已检查]以查看是否显示切换打开或关闭不起作用。不确定我错过了什么。