angular - 我两次看不到我的装载机

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，但加载器没有显示。

我究竟做错了什么 ？

标签： angular

Answer 1

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

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

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