无法以模板驱动的形式选中或未选中复选框（角度 7）

【问题标题】：Unable to get the checkbox selected or not in template driven form (angular 7)无法以模板驱动的形式选中或未选中复选框（角度 7）
【发布时间】：2019-06-16 13:10:09
【问题描述】：

  <input type="checkbox" [name]="filter.filterName" ngModel />

让 filterValue: string = testForm.form.value[filter.filterName];

filterValue 在选中和未选中时总是返回空字符串复选框

我怎么知道复选框是否以模板驱动的形式被选中并且没有数据绑定。我需要来自 testForm:NgForm 对象的值？

【问题讨论】：

它应该可以工作。请仔细检查filter.filterName 中的template 和controller 是否保持相同的值。见example

标签： angular forms checkbox ngmodel

【解决方案1】：

我怎么知道复选框是否以模板驱动的形式被选中并且没有数据绑定。

您可以使用模板变量。

html:

<input type="checkbox" #check />

ts：

@ViewChild('check')
check: ElementRef;

堆栈闪电战：https://stackblitz.com/edit/angular-udaej4

【讨论】：

感谢您的回复。你的例子有效。但是当角度形式出现时无法工作。你能检查下面的网址stackblitz.com/edit/angular-qmnefx
@JayaVenkat 这是数据绑定问题。由于[type]="filter.fieldType"，复选框未绑定。试试type="checkbox"。它可以工作并且没有问题，因为您的 ngSwitch 应用于 div 标签。