Angular 角度2杠杆复选框输入

我想实现一个杠杆复选框，用于显示/隐藏表的列。显示和隐藏工作正常，控制杆最初正确显示在打开位置，当我第一次单击时，它会正确切换到关闭位置，但此后，每次单击都会将其保留在关闭位置

<a class="dropdown-item" >
    <div class="switch">
        <label>
            <input type="checkbox" (click)="HideId = !HideId" [checked]="!HideId">
            <span class="lever"></span>
            ID
        </label>
    </div>
</a>

---

首先：使用camelCase变量名

看看我做的这个东西。这将切换元素的可见性。

---

请考虑创建一个可运行的例子。我使用PascalCase，因为我用C编码，每次都是痛苦的思考。通过组件进行变量更改，一切都像charmAwesome一样工作！祝你好运，在美丽的世界里玩得开心：