在Angular 9中,如果文件上传未将文件添加到FormGroup中,可以按照以下步骤进行解决:
ReactiveFormsModule
模块,该模块提供了处理表单的相关功能。在你的模块文件(通常是app.module.ts
)中导入并添加该模块:import { ReactiveFormsModule } from '@angular/forms';
@NgModule({
imports: [
ReactiveFormsModule
]
})
export class AppModule { }
FormGroup
实例,并将文件控件添加到该表单组中。例如:import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-file-upload',
template: `
`
})
export class FileUploadComponent {
fileUploadForm: FormGroup;
constructor() {
this.fileUploadForm = new FormGroup({
file: new FormControl(null)
});
}
upload() {
// 处理文件上传逻辑
}
}
在模板中,使用formGroup
指令将表单组与表单元素进行关联,使用formControlName
指令将文件控件与表单控件进行关联。
在上传方法中,你可以通过this.fileUploadForm.get('file').value
来访问文件对象,然后进行进一步的处理,例如将文件发送到服务器。
这样,你的文件上传应该可以将文件添加到FormGroup中了。确保在处理文件上传逻辑时,适当地处理错误和成功的情况。