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-h5... 您好,科普分享!wepoker-h5下载,微扑克透视挂软件助手(一向是有辅助器)这款游戏可以开挂的,...
一起来探讨!wepoker游戏... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...
三分钟了解!wepoker黑侠... 您好:wepoker黑侠辅助器正版下载这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会...
玩家必看科普!!wepoker... 玩家必看科普!!wepoker辅助透视软件,德普之星真的有挂吗工具(先前真的是有透视挂)AI 是一款...
科技教程!德普之星透视辅助,德... 科技教程!德普之星透视辅助,德扑之星究竟有没有挂插件(从来是有开挂)AI 是一款可以让一直输的玩家修...
总结教程!WPK透视版,德普之... 您好,总结教程!WPK透视版,德普之星真的确实有挂工具(原本是真的有辅助挂)这款游戏可以开挂的,确实...
玩家必看教程!!wpk辅助购买... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成wpk辅助购买解析、 AI 处理、w...
攻略教程!wepoker有什么... 您好:wepoker有什么规律这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多...
实测必看!如何下载wpk透视版... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...
终于懂了!wpk辅助软件,WP... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成wpk辅助软件解析、 AI 处理、w...