Angular 2杠杆复选框输入

时间:2017-06-08 10:01:21

标签: angular

我想实现一个杠杆复选框,用于显示/隐藏表格的列。显示和隐藏工作正常并且杠杆最初正确显示(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>

1 个答案:

答案 0 :(得分:1)

首先:使用camelCase变量名。

查看我制作的这款Plunker。这将切换type元素的可见性。 https://plnkr.co/edit/wt2JyzphmzcCdipYA9Me?p=preview