访问打字稿中的复选框

时间:2018-06-03 07:02:30

标签: angular forms typescript checkbox

我有一个像这样的html表单:

<form (ngSubmit)="addNewBrand(f)" #f="ngForm">
    <label>name:</label>
    <input type="text" name="name" required ngModel #name="ngModel">

    <label>active:</label>
    <input type="checkbox" name="active" required ngModel #active="ngModel">

    <button type="submit" [disabled]="!f.valid">Save</button>

</form>
ts文件中的

addNewBrand(form:NgForm){
    console.log(form.value.name + ' -  ' + form.value.active);
}

但我无法访问ts文件中的复选框。我该怎么办?

1 个答案:

答案 0 :(得分:1)

您的代码应为

 <input type="checkbox" [ngModel]="active" name="Active"> Active

然后

addNewBrand(createForm: NgForm) {
   console.log(createForm.value.active)
}
相关问题