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

子组件模板:


相关内容

热门资讯

一起来探讨!wepokerpl... 一起来探讨!wepokerplus开挂(辅助挂)一直真的有挂(有挂神器辅助器)1、该软件可以轻松地帮...
终于知道!wpk透视工作室(辅... 终于知道!wpk透视工作室(辅助挂)竟然存在有挂(有挂技巧辅助app)1、超多福利:超高返利,海量正...
专业讨论!德普之星辅助器怎么用... 专业讨论!德普之星辅助器怎么用(辅助挂)原来真的有挂(确实有挂辅助脚本)1、脚本辅助下载、免费透视脚...
玩家必备科普!wejoker免... 玩家必备科普!wejoker免费脚本(辅助挂)确实是有挂(有挂技巧辅助插件)一、游戏安装教程牌型概率...
专业讨论!德州局怎么透视(辅助... 专业讨论!德州局怎么透视(辅助挂)其实是有挂(有挂方略辅助工具)运辅助工具,进入游戏界面。进入辅助器...
查到实测辅助!aapoker ... 查到实测辅助!aapoker ai插件(辅助挂)好像是有挂(有挂教学辅助app)1、很好的工具软件,...
揭秘关于!德普辅助软件(辅助挂... 揭秘关于!德普辅助软件(辅助挂)原来有挂(有挂教程辅助攻略)1、透视辅助软件激活码多个强度级别选择2...
揭秘!德普之星透视辅助(辅助挂... 揭秘!德普之星透视辅助(辅助挂)一贯真的是有挂(竟然有挂辅助攻略)1、金币登录送、破产送、升级送、活...
终于懂了!wepoker透视是... 终于懂了!wepoker透视是真的吗(辅助挂)其实存在有挂(有挂总结辅助软件)1、公共底牌简单,透视...
实测教程!we-poker辅助... 实测教程!we-poker辅助器(辅助挂)原来存在有挂(有挂辅助辅助教程)暗藏猫腻,小编详细说明破解...