Angular中复选框的标签

时间:2018-10-31 16:30:05

标签: html angular

在常规HTML文件中,我们可以像在html中一样,通过单击标签上的任意位置(即使将复选框输入显示设置为无),也具有检查复选框的权限

 <label for="check">
   <input id="check"  type="checkbox">
 </label>

为什么在Angular中不起作用? 我对如何在Angular 5+中实现相同功能很感兴趣。

1 个答案:

答案 0 :(得分:1)

它也可以在Angular中使用。

示例代码

<label for="check"> Click here
   <input id="check" [(ngModel)]="hello" [hidden]="true"  type="checkbox">
 </label>

演示在这里-https://stackblitz.com/edit/angular-6ncjng