Angular 如何与其他表单元素一起上载数据

我有一张有棱角的表格。我想在这张表格中公布数据。有4个文件上传。如何将整个表单与文件一起发布

export class TrackDetailComponent implements OnInit, AfterViewInit { 
    public data = new FormData();

   constructor(
        @Inject('TrackService') public trackService: ApiService<Track> ) {
    }

handleFileInput(files: FileList, name) {
    this.data.append(name, files.item(0));
}

saveOrCreate(valid) {
     if (valid)
    {

        this.data.append('trackName', this.track.trackName);
        this.data.append('trackPerformerId', this.track.trackPerformerId+ '');
        this.data.append('trackGenreId', this.track.trackGenreId + '');
        this.data.append('trackYear', this.track.trackYear + '');
        //this.data.append('listDateTime', this.track.listDateTime.toLocaleString("en-US"));
        this.data.append('fizyUrl', this.track.fizyUrl);

        console.log(this.data);
        console.log(this.track);





         this.trackService.getService().all(this.trackService.getApiUrl()).post(this.data ).subscribe((data) => {
      ......

导出类TrackDetailComponent实现OnInit，AfterViewInit{
公共数据=新表单数据（）；
建造师(
@注入（“跟踪服务”）公共跟踪服务：ApiService）{
}
handleFileInput（文件：文件列表、名称）{
this.data.append（name，files.item（0））；
}
保存或创建（有效）{
如果（有效）
{
this.data.append（'trackName'，this.track.trackName）；
this.data.append（'trackPerformerId'，this.track.trackPerformerId+''）；
this.data.append（'trackGenreId'，this.track.trackGenreId+''）；
this.data.append（'trackYear'，this.track.trackYear+''）；
//this.data.append（'listDateTime'，this.track.listDateTime.toLocaleString（“en-US”）；
this.data.append（'fizyUrl'，this.track.fizyUrl）；
console.log（this.data）；
console.log（this.track）；
this.trackService.getService（）.all（this.trackService.getapirl（））.post（this.data）.订阅（（data）=>{
......