Angular 6 表单提交属性不存在
创始人
2024-10-16 03:31:40
0

当出现"Angular 6 表单提交属性不存在"的错误时,可能是由于以下原因之一导致的:

  1. 表单控件的属性未定义或拼写错误。
  2. 表单控件的属性与组件中的属性不一致。
  3. 表单控件未正确绑定到组件中的属性。

以下是一些解决方法,其中包含代码示例:

  1. 检查表单控件的属性是否正确定义和拼写错误。确保属性名称与组件模板中的属性名称一致。
// 组件类
export class MyComponent {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      username: ['', Validators.required],
      password: ['', Validators.required]
    });
  }
}

// 组件模板
  1. 确保表单控件的属性与组件中的属性一致。例如,如果在组件中使用了username属性,则表单控件也应该使用相同的属性名称。
// 组件类
export class MyComponent {
  username: string;
  password: string;

  onSubmit() {
    console.log(this.username, this.password);
  }
}

// 组件模板
  1. 确保表单控件正确绑定到组件中的属性。使用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 表单提交属性不存在"的错误。

相关内容

热门资讯

3分钟辅助!aapoker万能... 3分钟辅助!aapoker万能辅助器,wepoker买脚本靠谱吗,大纲教程(的确有挂)3分钟辅助!a...
第9分钟辅助!德州局透视脚本,... 第9分钟辅助!德州局透视脚本,wepoker透视是真的吗,手段教程(有挂秘诀)wepoker透视是真...
5分钟辅助!hhpoker有没... 5分钟辅助!hhpoker有没有辅助,德州局hhpoker,举措教程(有人有挂)1、进入到hhpok...
八分钟辅助!竞技联盟透视插件,... 八分钟辅助!竞技联盟透视插件,wepoker软件辅助程序,绝活教程(存在有挂)1、点击下载安装,we...
第八分钟辅助!pokernow... 第八分钟辅助!pokernow辅助工具,购买的wpk辅助在哪里下载,练习教程(揭秘有挂)1)购买的w...
三分钟辅助!werplan免费... 您好,wepoker怎么设置透视这款游戏可以开挂的,确实是有挂的,需要了解加去威信【48527505...
第二分钟辅助!wepoker怎... 第二分钟辅助!wepoker怎么开辅助,wpk作弊是真的吗,指引教程(有挂工具)1、这是跨平台的we...
十分钟辅助!wepoker辅助... 十分钟辅助!wepoker辅助器软件下载,wepoker透视版下载,秘籍教程(发现有挂)1、打开软件...
第九分钟辅助!wepoker游... 第九分钟辅助!wepoker游戏安装教程,aapoker脚本,手筋教程(真的有挂)1、进入游戏-大厅...
第六分钟辅助!wpk透视是真的... 第六分钟辅助!wpk透视是真的假的,xpoker怎么作弊,阶段教程(有挂分析)1、进入游戏-大厅左侧...