我想实现一个杠杆复选框,用于显示/隐藏表格的列。显示和隐藏工作正常并且杠杆最初正确显示(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>
答案 0 :(得分:1)
首先:使用camelCase变量名。
查看我制作的这款Plunker。这将切换type
元素的可见性。
https://plnkr.co/edit/wt2JyzphmzcCdipYA9Me?p=preview