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