我无法看到我的装载机两次

Question

我使用@ng-bootstrap/ng-bootstrap分页，ngx-loading显示加载程序：

他们都很棒。

分页：

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

和我容器中的第二个

<ngx-loading [show]="loading" [config]="{ backdropBorderRadius: '14px' }"></ngx-loading>

当我改变页面并刷新数据时，加载器没有出现。

当我点击分页链接但是加载器没有显示时，我可以看到loading变量从false变为true。

我做错了什么？

Answer 1

我解决了在主容器上添加* ngIf条件的问题：

<div class="container" *ngIf="!loading">
...
</div>

同样在这种情况下，我摆脱了控制台中的所有错误消息，说明我的对象没有被定义。