Angular асин c данные - PullRequest
       3

Angular асин c данные

0 голосов
/ 18 января 2020

Я пытаюсь получить данные из моего API, код для получения данных:

getList() {
    this.fileList = [];

    this._globalService.getUserFiles(this.userId)
      .then(files => {
        files.forEach(retFile => {
          this._globalService.getFileActions(retFile._id)
            .then(retActions => {
              this.fileList.push( {
                file: retFile,
                action: retActions
              });
            });
        });
      })
      .finally(() => {
        this.finish = true;
      });
  }

Call OnInit hook. После, мой взгляд пытается показать то же самое:

<ng-container *ngIf="finish; else wait">
      <ng-container *ngIf="fileList.length; else noItems">
        <li *ngFor="let item of fileList">
         ...
        </li>
      <ng-container>
      <ng-template #noItems>
        <span class="noItems">Any file</span>
      </ng-template>
<ng-container>

Это прекрасно работает. Но моя проблема длится несколько секунд, когда шаблон #noItems показывает, когда существуют данные, как в этом примере:

enter image description here

1 Ответ

1 голос
/ 18 января 2020

Вы всегда помещаете ваш sh ваш результат в this.FileList, вы this.FileList никогда не очищаются, поэтому ваш шаблон noItem никогда не будет отображаться.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...