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

子组件模板:


相关内容

热门资讯

解密关于!hhpoker有没有... 解密关于!hhpoker有没有作弊挂(辅助挂)总是是有挂(真的有挂)1)hhpoker有没有作弊挂有...
推荐攻略!wpk辅助器是真的吗... 推荐攻略!wpk辅助器是真的吗(辅助挂)原来真的是有挂(确实有挂)1)wpk辅助器是真的吗辅助插件:...
教程辅助!wepoker免费透... 教程辅助!wepoker免费透视脚本(辅助挂)其实真的是有挂(有挂猫腻)wepoker免费透视脚本透...
重大来袭!hhpoker可以控... 重大来袭!hhpoker可以控制牌吗(辅助挂)竟然真的有挂(有挂教程)1、玩家可以在hhpoker可...
分享开挂内幕!hhpoker是... 分享开挂内幕!hhpoker是正品吗(辅助挂)竟然真的有挂(的确有挂)1、完成hhpoker是正品吗...
热点讨论!aapoker免费透... 热点讨论!aapoker免费透视脚本(辅助挂)一直真的是有挂(确实有挂)1、首先打开aapoker免...
我来分享!hhpoker德州牛... 我来分享!hhpoker德州牛仔视频(辅助挂)果然真的有挂(有挂技巧)1、超多福利:超高返利,海量正...
科技介绍!wepoker怎么获... 科技介绍!wepoker怎么获得好牌(辅助挂)原来真的是有挂(有挂存在)1、金币登录送、破产送、升级...
让我来分享经验!wepoker... 让我来分享经验!wepoker透视器免费(辅助挂)确实是有挂(有挂教学)1、全新机制【wepoker...
热门推荐!hhpkoer辅助器... 热门推荐!hhpkoer辅助器视频(辅助挂)果然有挂(有挂透明挂)1、热门推荐!hhpkoer辅助器...