角度错误，因为找不到路径为“ _OSkilss-> 0-> Imageuploade”的控件

问题描述

请帮助我这是什么错误，这是我在进行表格注册时遇到的错误

ngOnInit(){
    this._MyregisterForm = this.formBuilder.group({
                  _OSkilss: this.formBuilder.array([
            this.Addctrls()
        ])
    });
}
   Addctrls():FormGroup{
        return this.formBuilder.group({
            SkillName:['',Validators.required],SScCertificate:['',Validators.required]
        })
    }

我的HTML页面是

<form [formGroup]="_MyregisterForm">
    <div formArrayName="_OSkilss" *ngFor="let education of _MyregisterForm.get('_OSkilss').controls; let i = index">
        <div [formGroupName]="i">
            <input type="text" formControlName="SkillName"> <br>
            <input type="file" formControlName="Imageuploade" (change)="handlesscFile($event.target.files)"><br>

        </div>
    </div>
</form>

解决方法

Imageuploade不是您ts文件中已定义的控件。

您需要将其添加到Addctrls函数中：

Addctrls():FormGroup{
        return this.formBuilder.group({
            SkillName:['',Validators.required],SScCertificate:['',Imageuploade: ['']
        })
    }

,

但是，问题很简单，您试图访问模板中从未定义的Impageupload控件中的_OSkilss控件。

您需要通过Addctrls()方法添加该控件。

Impageupload:['',Validators.required]