Angular响应式表单-子属性输入表单未能正确绑定到由父组件创建的FormGroup。
创始人
2024-10-30 06:00:23
0

在父组件中创建FormGroup时,需要同时传递子组件中的FormControl对象作为参数,并通过@Input()装饰器将FormGroup和FormControl对象传递给子组件。然后在子组件中,使用[formControl]="control"来绑定FormControl对象和模板中的表单控件,确保子属性输入表单能够正确绑定到FormGroup。

以下是代码示例:

父组件:

export class ParentComponent implements OnInit {
  formGroup: FormGroup;
  control = new FormControl('');

  constructor(private fb: FormBuilder) {}

  ngOnInit() {
    this.formGroup = this.fb.group({
      name: '',
      child: this.control
    });
  }
}

父组件模板:

子组件:

export class ChildComponent implements OnInit {
  @Input() formGroup: FormGroup;
  @Input() control: FormControl;

  constructor() {}

  ngOnInit() {}
}

子组件模板:


相关内容

热门资讯

透视美元局!wpk透视是真的吗... 透视美元局!wpk透视是真的吗,wpk透视辅助方法,力荐教程(有挂脚本);亲,关键说明,wpk透视是...
透视免费!wpk软件是真的吗,... 透视免费!wpk软件是真的吗,wpk私人局有透视吗,存在挂教程(有挂解密)1、不需要AI权限,帮助你...
透视好友!wpk透视辅助,wp... 透视好友!wpk透视辅助,wpk模拟器多开,安装教程(有挂规律)所有人都在同一条线上,像星星一样排成...
透视肯定!wpk软件是正规的吗... 透视肯定!wpk软件是正规的吗,wpk俱乐部辅助器,技巧教程(有挂详情)亲,关键说明,wpk软件是正...
透视系统!wpk透视怎么安装,... 透视系统!wpk透视怎么安装,wpk刷入池率脚本,透明挂教程(有挂插件);1、玩家可以在wpk刷入池...
透视软件!wpk显示有作弊,w... 透视软件!wpk显示有作弊,wpk透视辅助方法,详细教程(有挂细节)进入游戏-大厅左侧-新手福利-激...
透视脚本!wpk透视怎么安装,... 透视脚本!wpk透视怎么安装,wpk模拟器,总结教程(有挂攻略)1、操作简单,无需注册,只需要使用手...
透视规律!wpk作弊,如何下载... 透视规律!wpk作弊,如何下载wpk透视版,技巧教程(有挂解密)进入游戏-大厅左侧-新手福利-激活码...
透视ai!有哪些免费的wpk作... 透视ai!有哪些免费的wpk作弊码,wpk私人局有透视吗,必赢方法(有挂方法)一、有哪些免费的wpk...
透视能赢!wpk俱乐部是做什么... 透视能赢!wpk俱乐部是做什么的,wpk辅助器是真的吗,2025版教程(有挂介绍)1、玩家可以在wp...