angular 表单初始化赋值问题

随地大小变

于 2023-02-14 16:40:22 发布

阅读量324

点赞数

分类专栏： angular学习文章标签： angular

本文链接：https://blog.csdn.net/weixin_50845073/article/details/129029430

版权

angular学习专栏收录该内容

2 篇文章 0 订阅

订阅专栏

问题描述

如图
NG01052: formGroup expects a FormGroup instance. Please pass one in.
在这里插入图片描述

原因分析：

已经初始化了却还是报错
最后发现是视图加载成功，而Control没有加载成功
在这里插入图片描述

解决方案：

将初始化语句放前面即可
在这里插入图片描述

 async ngOnInit(): Promise<void> {

    this.validateForm = this.fb.group({
      userName: [null, [Validators.required]],
    });

    this.route.queryParams.subscribe((data) => {
      this.routeData=JSON.parse(data['jsonStr'])
    })
    console.log(this.routeData);
    
    this.listFormUIField = await this.mService.getUIObject(this.routeData.CLASSNAME$, "Detail");

    this.listFormUIField.forEach((u:any)=> {
      this.validateForm.addControl(u.FIELDNAME,this.fb.control(this.getDisplayValue(u.FIELDNAME,this.routeData),Validators.required))
    });
    
    
  }