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、好乐游辅助软件下载优化,好乐游底牌透视脚本...
玩家必看秘籍!28圈辅助功能技... 您好,28圈这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在这款游...
玩家交流!宁波世纪茶馆辅助功能... 玩家交流!宁波世纪茶馆辅助功能脚本,宁波世纪茶馆总是存在有辅助脚本宁波世纪茶馆透视方法中分为三种模型...
盘点一款!华彩棋牌透视功能技巧... 盘点一款!华彩棋牌透视功能技巧,华彩棋牌其实真的有透视技巧1、进入游戏-大厅左侧-新手福利-激活码辅...
2024教程!顶级娱乐辅助器功... 2024教程!顶级娱乐辅助器功能app,顶级娱乐竟然是真的有辅助器app1、每一步都需要思考,不同水...
玩家亲测!兴动游戏透视功能ap... 玩家亲测!兴动游戏透视功能app,兴动游戏好像是真的有透视app一、兴动游戏可以开透视的定义与意义1...
关于!586娱乐开挂功能脚本,... 关于!586娱乐开挂功能脚本,586娱乐好像真的有开挂脚本1、玩家可以在586娱乐线上大神俱乐部对游...
一分钟教会你!丰城麻将辅助器功... 一分钟教会你!丰城麻将辅助器功能脚本,丰城麻将总是真的是有辅助器脚本一分钟教会你!丰城麻将辅助器功能...
程序员教你!宝宝浙江麻将透视功... 程序员教你!宝宝浙江麻将透视功能插件,宝宝浙江麻将竟然是有透视插件1、宝宝浙江麻将公共底牌简单,宝宝...
专业讨论!铭豪汇辅助器功能技巧... 专业讨论!铭豪汇辅助器功能技巧,铭豪汇好像存在有辅助器技巧1、完成铭豪汇辅助器v3.3的残局,帮助玩...