如何以角度获取复选框值？

Question

你能告诉我一种方法来获取角度 2 中的复选框值吗

这是我的代码

https://stackblitz.com/edit/angular-grtvc7?file=src%2Fapp%2Fapp.module.ts

我知道如何使用这样的模板变量来做到这一点的一种方法

<mat-checkbox #ch>Check me!</mat-checkbox>

  checkCheckBoxvalue(ele){
    console.log(ele.checked)
  }

我想知道另一种实现此功能的方法

原文由 naveen 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你需要使用 change 事件

<mat-checkbox (change)="checkCheckBoxvalue($event)">Check me!</mat-checkbox>

checkCheckBoxvalue(event){
    console.log(event.checked)
  }

工作示例

其他方法 -

• 您可以像下面提到的那样使用两种方式的数据绑定 -

   <input type="checkbox" name="myData" [(ngModel)]="isChecked">

• 您也可以使用局部变量并在控制器端获取值，如下所示 -

   <input type="checkbox" name="myData" #myCheckbox>

  @ViewChild('myCheckbox') myCheckbox;
  console.log(myCheckbox, 'Value of checkbox');

• 另一种方法是您可以使用 formControl，它可以是模型驱动的表单或模板驱动的表单。

原文由 Pardeep Jain 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

使用更改 event.target.checked。

 <mat-checkbox (change)="checkCheckBoxvalue($event)">Check me!</mat-checkbox>

checkCheckBoxvalue(event){
   console.log(event.target.checked)
}

原文由 Léon Jiresse 发布，翻译遵循 CC BY-SA 4.0 许可协议