Загрузка изображения перед скрытием Loader

Question

У меня проблема с моим угловым приложением.Я получаю данные с сервера, включая изображения, и хотел бы скрыть анимацию загрузчика после загрузки.В тот момент, когда изображения также загружаются после того, как загрузчик скрыт.

Вот мой код для скрытия загрузчика:

ngAfterViewInit(): void {
   this.preloader.stop();
}

Данные выбираются службой с определителем.

Можеткто-нибудь мне помочь?

Спасибо!

Answer 1

Поскольку вы используете сервис для получения данных с сервера, очень вероятно, что ваш сервисный метод возвращает Observable.вам нужно подписаться на наблюдаемое.

подписка - это функция, которая на самом деле выполняет Observable .Он принимает три параметра обратного вызова:

подписка (успех, сбой, завершение);

, например:

this.service.getDataFromServer().subscribe(
        function(response) { // executes when success
            console.log("Success" + response);
        }, 
        function(error) { // executed when failure
            console.log("Error" + error);
        }, 
        function() { // executes when completed
            console.log("Completed");
            this.preloader.stop();
        } 
    );

Answer 2

Спасибо, но это не исправление ошибки.Это так же, как использование резольвера на маршруте для получения данных.Теперь вся информация отображается, если компонент отображается, но изображения появляются через некоторое время после.

Лучший привет

Answer 3

Я думаю, что вы можете сделать следующее:

Вы должны подписаться на свой бэкэнд-вызов API в Angular

  this.yourAPICallService.subscribe((res)=>{
      //You should get all data from the server here
    },
    (error: any) => {
      //catch any error
      console.info(error);
    },
    ()=>{
      //codes should be executed after the completion of the API call
      this.preloader.stop();
    }
 );