Question

我正在使用ngb-pagination作为我的锦标赛列表，它运行得很好，但我现在想要每次更改页面时都显示一个加载器gif。

在我的html组件中，我宣布它是这样的：

<ngb-pagination [collectionSize]="tournaments?.meta?.total"
                        [(page)]="page" aria-label="Default pagination"
                        [pageSize]="tournaments?.meta?.per_page"
                        [maxSize]="5"
                        [rotate]="true"
                        (pageChange)="pageChanged($event)"
                        size="lg"
                        class="d-flex justify-content-center"></ngb-pagination>

在tournament.component.ts中，我有：

pageChanged(page: number) {
    this.page = page;
    this.getTournaments(page);
  }

getTournaments(page?: number): void {
    this.loading = true;
    this.tournamentService.all(page)
      .subscribe(tournaments => {
        this.tournaments = tournaments;
        this.loading = false;
      }, err => {
        this.loading = false;
      });
  }

当它进入时，它应该通过getTournaments（它确实），因为我的列表中的行是刷新的。

我还使用ngx-loading来显示加载程序。

使用此插件，它应该响应this.loading = true;

事实上，我用一个按钮对它进行了测试，如果我放入视图，它的效果很好：

<button (click)="loading=true">Click</button>

那么，为什么它不起作用？

loader最初显示但不包含带有ngb-pagination的pageChanged

0 个答案: