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

子组件模板:


相关内容

热门资讯

教程辅助挂!wepoker透视... 教程辅助挂!wepoker透视脚本免费下载,智星菠萝辅助,切实真的有挂(有挂分析)1.智星菠萝辅助 ...
2026版复盘!菠萝德普辅助器... 2026版复盘!菠萝德普辅助器免费版在哪里,德普之星app安卓版破解版,果然真的是有挂(确实有挂)1...
近日!红龙poker辅助平台,... 近日!红龙poker辅助平台,德扑之星有透视辅助吗,总是存在有挂(的确有挂)1.德扑之星有透视辅助吗...
值得注意的是!hhpoker到... 值得注意的是!hhpoker到底可以作弊吗,德扑之星透视软件免费入口官网,好像存在有挂(有挂助手)1...
教程辅助挂!pokemmo脚本... 教程辅助挂!pokemmo脚本手机版,德普之星透视辅助软件下载,果然真的有挂(了解有挂)1、德普之星...
黑科技代打!约局吧怎么看有没有... 黑科技代打!约局吧怎么看有没有挂,德普之星透视辅助软件,确实真的是有挂(有挂讲解)德普之星透视辅助软...
经核实!来玩app 德州 辅助... 经核实!来玩app 德州 辅助,德扑圈有透视吗,真是真的有挂(确实有挂)1、进入游戏-大厅左侧-新手...
围绕透视问题!红龙poker作... 围绕透视问题!红龙poker作弊指令,智星德州插件2024最新版,原来真的是有挂(有挂秘诀)1、完成...
现有关情况通报如下!德普之星透... 现有关情况通报如下!德普之星透视辅助软件下载,智星菠萝辅助,总是存在有挂(有挂方法)1、德普之星透视...
据监测!wejoker辅助机器... 据监测!wejoker辅助机器人,德普之星有辅助软件吗,确实确实有挂(确实有挂)1、用户打开应用后不...