代码之家 › 专栏 › 技术社区 › Ali

在typescript中访问复选框

checkbox typescript forms angular

0

Ali · 技术社区 · 8 年前

我有一个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 回复 | 直到 8 年前

1

Sajeetharan 8 年前

你的代码应该是

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

然后

addNewBrand(createForm: NgForm) {
   console.log(createForm.value.active)
}