как загрузить данные с другими элементами формы

Question

У меня есть форма в угловых. Я хочу разместить данные в этой форме. Есть 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) => {
      ......