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、超多福利:超高返利,海...
此事引发广泛关注!werpla... 您好,战神辅助官方这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在...
围绕透视问题!皇豪互众控制系统... 围绕透视问题!皇豪互众控制系统,微乐小程序辅助免费-确实真的有辅助神器(哔哩哔哩)1、下载好微乐小程...
连日来!余干六副辅助,九酷众游... 连日来!余干六副辅助,九酷众游辅助-真是真的有辅助脚本(哔哩哔哩)运九酷众游辅助辅助工具,进入游戏界...
透视软件!微乐辅助靠谱麻,约战... 透视软件!微乐辅助靠谱麻,约战竞技场辅助软件-一贯确实有辅助教程(哔哩哔哩)1、点击下载安装,约战竞...
第三方插件!新青鸟辅助,浙江宝... 第三方插件!新青鸟辅助,浙江宝宝游戏辅助-一直存在有辅助挂(哔哩哔哩)1、每一步都需要思考,不同水平...
透视透视!情怀游戏辅助器破解版... 透视透视!情怀游戏辅助器破解版,新蜜瓜大厅免费控制器-好像存在有辅助挂(哔哩哔哩)1、操作简单,无需...
透视游戏!白金岛放炮罚开挂,吉... 透视游戏!白金岛放炮罚开挂,吉祥填大坑有插件吗-竟然确实有辅助方法(哔哩哔哩)1、吉祥填大坑有插件吗...
透视插件!福州十八扑破解,开心... 透视插件!福州十八扑破解,开心门一番有挂吗-原来确实有辅助软件(哔哩哔哩)1、实时开心门一番有挂吗透...
透视有挂!胡易决胜麻架辅助,赣... 透视有挂!胡易决胜麻架辅助,赣牌圈的好牌几率-切实是有辅助挂(哔哩哔哩)赣牌圈的好牌几率辅助器是一种...