当出现"Angular 6 表单提交属性不存在"的错误时,可能是由于以下原因之一导致的:
以下是一些解决方法,其中包含代码示例:
// 组件类
export class MyComponent {
myForm: FormGroup;
constructor(private fb: FormBuilder) {
this.myForm = this.fb.group({
username: ['', Validators.required],
password: ['', Validators.required]
});
}
}
// 组件模板
username
属性,则表单控件也应该使用相同的属性名称。// 组件类
export class MyComponent {
username: string;
password: string;
onSubmit() {
console.log(this.username, this.password);
}
}
// 组件模板
formControlName
指令将表单控件与组件中的属性绑定。// 组件类
export class MyComponent {
myForm: FormGroup;
constructor(private fb: FormBuilder) {
this.myForm = this.fb.group({
username: ['', Validators.required],
password: ['', Validators.required]
});
}
onSubmit() {
console.log(this.myForm.value.username, this.myForm.value.password);
}
}
// 组件模板
通过检查和修复这些问题,您应该能够解决"Angular 6 表单提交属性不存在"的错误。