@angular/forms FormBuilder 弹出 属性 类型不存在
@angular/forms FormBuilder pops Property does not exist on type
对于我尝试引用输入到我的表单中的值的每个实例,我都会收到这个有趣的 Property 'notes' does not exist on type '{ [key: string]: AbstractControl; }'.
错误。这是由 'notes': this.addForm.controls.notes.value
引起的。我做错了什么?
这是错误的完整上下文
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
export class TheNewClass {
addApi(): void {
if (this.addApiForm.valid) {
Api.insert({
'notes': this.addApi.controls.notes.value
});
}
}
}
这是从中检索值和调用方法的形式。
<form [formGroup]="addApiForm" (ngSubmit)="addApi()" class="inline-form">
<div class="form-group">
<label for="apiNotes">Notes</label>
<input id="apiNotes" formControlName="apiNotes" class="form-control" type="text" placeholder="Notes">
</div>
<button type="submit" class="btn btn-primary">Add</button>
</form>
FormControl 可以通过以下方式访问:
'notes': this.addApiForm.controls['notes'].value
对于我尝试引用输入到我的表单中的值的每个实例,我都会收到这个有趣的 Property 'notes' does not exist on type '{ [key: string]: AbstractControl; }'.
错误。这是由 'notes': this.addForm.controls.notes.value
引起的。我做错了什么?
这是错误的完整上下文
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
export class TheNewClass {
addApi(): void {
if (this.addApiForm.valid) {
Api.insert({
'notes': this.addApi.controls.notes.value
});
}
}
}
这是从中检索值和调用方法的形式。
<form [formGroup]="addApiForm" (ngSubmit)="addApi()" class="inline-form">
<div class="form-group">
<label for="apiNotes">Notes</label>
<input id="apiNotes" formControlName="apiNotes" class="form-control" type="text" placeholder="Notes">
</div>
<button type="submit" class="btn btn-primary">Add</button>
</form>
FormControl 可以通过以下方式访问:
'notes': this.addApiForm.controls['notes'].value