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

子组件模板:


相关内容

热门资讯

第四分钟解谜!雀神挂件脚本,四... 第四分钟解谜!雀神挂件脚本,四川途游辅助软件下载(真是有挂)-哔哩哔哩1、这是跨平台的四川途游辅助软...
七分钟解谜!多乐跑得快私人房间... 七分钟解谜!多乐跑得快私人房间辅助视频,丽水都莱辅助器(总是是真的挂)-哔哩哔哩1、点击下载安装,多...
第一分钟解密!友玩广西修改器,... 第一分钟解密!友玩广西修改器,九酷众游软件(真是真的有挂)-哔哩哔哩1、完成友玩广西修改器透视辅助安...
四分钟专业!丽水都莱脚本辅助视... 四分钟专业!丽水都莱脚本辅助视频,潮汕汇鱼虾蟹辅助(真是是真的挂)-哔哩哔哩1)丽水都莱脚本辅助视频...
七分钟曝光!奕乐辅助软件,天天... 七分钟曝光!奕乐辅助软件,天天福建十三兵修改器(总是真的是有挂)-哔哩哔哩亲,关键说明,天天福建十三...
五分钟专业!八大碗辅助器,人人... 五分钟专业!八大碗辅助器,人人燕赵挂(都是存在有挂)-哔哩哔哩五分钟专业!八大碗辅助器,人人燕赵挂(...
第二分钟总结!微乐卡五星有挂吗... 第二分钟总结!微乐卡五星有挂吗,传送屋激k有挂吗(一直是有挂)-哔哩哔哩1、玩家可以在微乐卡五星有挂...
第二分钟曝光!宝宝吃吃吃有开挂... 第二分钟曝光!宝宝吃吃吃有开挂吗,葫芦娃通杀辅助使用(真是是真的挂)-哔哩哔哩葫芦娃通杀辅助使用辅助...
第四分钟科普!微信小程序辅助器... 第四分钟科普!微信小程序辅助器(免费),余干六副真有辅助吗(好像存在有挂)-哔哩哔哩微信小程序辅助器...
第七分钟教你!十三道佛手辅助器... 第七分钟教你!十三道佛手辅助器,贪吃蛇辅助器下载(其实有挂)-哔哩哔哩1、每一步都需要思考,不同水平...