Angular 错误:formGroup需要一个formGroup实例。请把一个传进来。共2节

Angular 错误:formGroup需要一个formGroup实例。请把一个传进来。共2节,angular,forms,formgroups,Angular,Forms,Formgroups,我尝试了所有的方法来解决这个问题,但是这个错误一直都在发生,如果我为一个表单解决这个问题,那么第二部分表单将从同一个问题开始。我不知道该如何解决这个问题,有人能帮我吗?这个表单组的前两个字段没有填充值,错误来自另一个组的前一部分的最后一个字段,即使所有字段都已填充并绑定。如果我注释了error throwing div的值,则注释的div throwing error之前的jus。需要帮助吗 第一节的HTML: <div class="row"> <div

我尝试了所有的方法来解决这个问题,但是这个错误一直都在发生,如果我为一个表单解决这个问题,那么第二部分表单将从同一个问题开始。我不知道该如何解决这个问题,有人能帮我吗?这个表单组的前两个字段没有填充值,错误来自另一个组的前一部分的最后一个字段,即使所有字段都已填充并绑定。如果我注释了error throwing div的值,则注释的div throwing error之前的jus。需要帮助吗

第一节的HTML:

 <div class="row">
          <div class="col-12">
            <div class="form-group">
              <label for="">Note Field</label>
              <textarea class="form-control" placeholder="Note Field" formControlName="note" maxlength="500" autocomplete="note"></textarea>
            </div>
          </div>
        </div>
在演示中并没有错误,因为我直接给出了值,但在我的应用程序中,
这个.agentDetailsList
是在API命中后获得的


遇到此错误时,可以将
ngIf
添加到
formGroup
元素中以解决此问题

错误:formGroup需要一个formGroup实例。请递给我一个 在

示例

<div [formGroup]="yourFormGroupName" *ngIf="yourFormGroupName" ></div>


如何触发
groupInfoForm
功能?似乎没有人可以初始化agentGroupInfoForm是的,groupInfoForm是动态绑定的,希望没有错误。这是您所期望的吗?为
agentGroupInfoForm
声明并初始化表单组。比如
this.agentGroupInfoForm=newformgroup({agentgroup:this.FB.array([]),agentnotinggroup:this.FB.array([]),})
@ChunbinLi,非常感谢,这真的帮了我的忙,挽救了我的一天,我真的尝试了*ngIf,但在某个地方我失败了,非常感谢它奏效了
private captiveInfoFormInit() {
   if (!this.groupCode && !this.agentCode) {
    //  Add
      this.agentCaptiveInfoForm = this.FB.group({
        agentNumber: [''],
        agentCounty: [''],
        agentManager: [''],
        agentDistrict: [''],
      })
    } else {
      // Edit
        if(this.agentDetailsList && this.agentDetailsList.captiveInfo) {
          this.agentCaptiveInfoForm = this.FB.group({
            agentNumber: this.agentDetailsList.captiveInfo.captiveAgentNumber?this.agentDetailsList.captiveInfo.captiveAgentNumber:'',
            agentCounty: this.agentDetailsList.captiveInfo.captiveAgentCounty,
            agentManager: this.agentDetailsList.captiveInfo.captiveAgentManager,
            agentDistrict: this.agentDetailsList.captiveInfo.captiveAgentDistrict
          })
        }
   }
    if (this.mode == 1) {
      this.agentCaptiveInfoForm.disable();
      this.isReadOnly = true;
    }
  }
<div [formGroup]="yourFormGroupName" *ngIf="yourFormGroupName" ></div>