подписка на тему не работает впервые oninit - PullRequest
Новая
       41

подписка на тему не работает впервые oninit

3 голосов
/ 08 мая 2019

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

Следующая функция моего сервиса, которая получает данные с сервера и обновляет тему. 

getInboxData(id?) {
    this.inboxID = id;
    this.loadingData.next( // tells to start showing loading animation
    {
      showloading: true,
      clearDocuments: this.shouldClearDocuments()
    });

    this.getInboxCount();
    this.dashboardService.getInbox(id, this.page)
      .subscribe((response) => {
        for (const inbox of response['results']) {
          this.documents.push(inbox.document);
          // tells to stop showing loading animation
          this.loadingData.next({showloading: false, clearDocuments: this.shouldClearDocuments()});
        }
        if (response.next != null) {
          this.page++;
          // this.getInboxData(id);
        }else {
          this.page = 1; // reset
        }
        this.documentsData.next(response);

      });
  }

Я подписываюсь на documentsData в моем компоненте. Ниже приведен код компонента. 

ngOnInit() {
    this.dashboardDataService.getInboxData(); 
    this.dashboardDataService.documentsData
      .subscribe((response) => {
        this.isLoadingMoreResult = false;
        this.loading = false;

        for (const entry of Object.values(response.results)){ // save new entries
          this.documents.push(entry);
        }

        this.documentsLoaded = Promise.resolve(true);
        this.filteredDocuments = this.documents; // both should be same when user gets new data
        console.log(this.filteredDocuments);
        $('#documentContentSearch').val(''); // reset text in searchBar

        // if (this.documents.length >= 8) { // if list is more than 8 then show scroll
        $('#tableContainer').css({'height': $('#mySideBar').innerHeight() - 195});
        const $myThis = this;

        $('#tableContainer').scroll(function(){
          if (!$myThis.isLoadingMoreResult) { // if it is not already loading result
            $myThis.loadMoreResults();
          }
        });

        $('#dropdown').scroll(function(){
          if (!$myThis.isLoadingMoreResult) { // if it is not already loading result
            $myThis.loadMoreResults();
          }
        });

        // load two results in first time
        if (this.dashboardDataService.page === 2) {
          this.loadMoreResults();
        }
    });
  }

но он не получает ответ от suject, когда я перехожу к этому компоненту из другого компонента. Но после повторного перехода к тому же компоненту из этого компонента он получает ответ правильно. Может ли кто-нибудь помочь мне понять, что здесь происходит?

1 Ответ

2 голосов
/ 08 мая 2019

Вы подписываетесь на тему после запроса данных.

Вы должны подписаться, а затем запросить данные. 

ngOnInit() {
    this.dashboardDataService.documentsData.subscribe(...);
    this.dashboardDataService.getInboxData(); 
}
...