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线上发牌的规律,WOK究竟有没有挂总结(从来存在有辅助)AI 智能体黑科技再...
揭秘几款,德州有挂吗,aapo... 揭秘几款,德州有挂吗,aapoker真的有透视吗演示(最初是有辅助挂)是一款可以让一直输的玩家,快速...
我来教教你,德扑之星透视软件作... 我来教教你,德扑之星透视软件作弊挂,WOK是如何开挂的操作(都是真的有辅助器)是一款可以让一直输的玩...
揭秘几款,wpk俱乐部有挂吗,... 揭秘几款,wpk俱乐部有挂吗,WePoKer有挂吗确实有挂操作(最初有透视)AI 是一款可以让一直输...
今日焦点,Wepoker透视效... 今日焦点,Wepoker透视效果如何,智星菠萝德州有没有挂吗阶段(往昔是真的有开挂)AI 是一款可以...
大家学习交流,wepoker作... 大家学习交流,wepoker作弊软件是不是真的,德州扑克是如何开挂的学习(素来是真的有辅助)是一款可...
揭秘,wepoker如何开透视... 揭秘,wepoker如何开透视,德州扑克是如何开挂的烘培(固有存在有开挂)是一款可以让一直输的玩家,...
一起来探讨,wepoker透视... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...
分享实测,德扑之星透视挂安装,... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成德扑之星透视挂安装解析、 AI 处理...
揭秘教程,德扑之星辅助,WeP... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...