Angular 2 杠杆复选框输入

【问题标题】：Angular 2 lever checkbox inputAngular 2 杠杆复选框输入
【发布时间】：2017-06-08 19:39:42
【问题描述】：

我想实现一个杠杆复选框，用于显示/隐藏表格的列。显示和隐藏工作正常，并且杠杆最初显示正确（ON 位置），当我第一次单击时，它会正确切换到 OFF 位置，但之后，每次后续单击都会将其留在关闭位置

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

【问题讨论】：

请考虑创建一个可运行的示例。

标签： angular

【解决方案1】：

首先：使用 camelCase 变量名。

看看我做的这个 Plunker。这将切换<span class="lever"></span> 元素的可见性。 https://plnkr.co/edit/wt2JyzphmzcCdipYA9Me?p=preview

【讨论】：

我正在使用 PascalCase，因为我也在使用 C# 进行编码，每次思考它都很痛苦。通过组件进行可变更改，一切都像魅力
太棒了！祝你好运，在美丽的 Angular 世界中玩得开心 :)