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

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)
  }

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

标签： javascriptangular

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，它可以是模型驱动的表单或模板驱动的表单。