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() {}
}

子组件模板:


相关内容

热门资讯

记者揭秘!福建兄弟十三水挂件去... 记者揭秘!福建兄弟十三水挂件去那买,凑一桌开挂游戏辅助,详细app(有挂透明挂)1、不需要AI权限,...
据报道!wepoker轻量版有... 据报道!wepoker轻量版有透视吗,德普之星app安卓版破解版,一贯真的是有挂(有挂方针)亲,关键...
一分钟揭秘!长乐互娱软件助手,... 一分钟揭秘!长乐互娱软件助手,欢聚水鱼辅助,详细教程(有挂头条)1、让任何用户在无需长乐互娱软件助手...
现有说明如下!德普之星透视辅助... 现有说明如下!德普之星透视辅助软件,德扑圈透视,果然真的有挂(有挂规律)德普之星透视辅助软件能透视中...
今日公布!琼戏互娱破解版,雀友... 今日公布!琼戏互娱破解版,雀友圈斗地主有挂,详细器(有挂头条);1、超多福利:超高返利,海量正版游戏...
方法辅助挂!哈糖大菠萝辅助器,... 方法辅助挂!哈糖大菠萝辅助器,德普软件,竟然真的有挂(有人有挂)1、打开软件启动之后找到中间准星的标...
分享个大家!维系小程序雀神挂件... 分享个大家!维系小程序雀神挂件,潮汕来物几局游戏源码,详细工具(今日头条)1、很好的工具软件,可以解...
昨日!wepoker买脚本靠谱... 昨日!wepoker买脚本靠谱吗,德普之星怎么设置埋牌,好像是真的有挂(有挂透明挂)进入游戏-大厅左...
近年来!wepoker脚本,智... 近年来!wepoker脚本,智星德州插件怎么下载,本来确实有挂(有挂总结)1、玩家可以在智星德州插件...
无独有偶!wepoker插件辅... 无独有偶!wepoker插件辅助,德普之星辅助软件,好像是真的有挂(有挂助手)1、每一步都需要思考,...