Angular2: перезагрузите таблицу при загрузке большого файла

Question

У меня есть страница со таблицей, в которую я загрузил файл, который я загрузил (получение этого с сервера) , и кнопку загрузки, как только я нажму кнопку upload, он выдаст запрос GET с сервера, чтобы дать мне статус загрузки (сервер может дать отзыв) Проблема в том, что при загрузке большого файла он не переходит к функции «читать статус».

Вот моя часть кода, который я использую:

upload() { 
 
    console.log("Clicked upload"); 
 
    if(this.file.size > 0) { 
 
     let formData:FormData = new FormData(); 
 
     formData.append('csv_file', this.file, this.file.name); 
 
     console.log("uploading file:"); 
 
     var FileName = this.file.name; 
 
     this.startTimer(); 
 
     this._httpRequest.makeFileUpload('csv_upload', formData, FileName) 
 
     .subscribe(MyTests => { 
 
      this.noFile = true; 
 
      this.resetFileName(); 
 
      this.ReadData(); <----------- not running this 
 
     }, 
 
     () => { 
 
      console.log("Error sending file") ; 
 
      this.errorLoading = true; 
 
      } 
 
     ); 
 
    } 
 
    }

, конечно, я не могу назвать this.ReadData() перед загрузкой начинается (чтение данных GET HTTP запрос) Есть ли способ преодолеть это?

Answer 1

решаемые, изменив порядок кода на следующий

upload() { 
 
    console.log("Clicked upload"); 
 
    if(this.file.size > 0) { 
 
     let formData:FormData = new FormData(); 
 
     formData.append('csv_file', this.file, this.file.name); 
 
     var FileName = this.file.name; 
 
     this._httpRequest.makeFileUpload('csv_upload', formData, FileName) 
 
     .subscribe(MyTests => { 
 
      this.isLoading=false; 
 
      this.noFile = true; 
 
      this.resetFileName(); 
 
     }, 
 
      () => { 
 
      this.errorLoading = true; 
 
      this.isLoading=false; 
 
     } 
 
     ); 
 
     this.startTimer(); 
 
     this.ReadData(); 
 
    } 
 
    }