在加载数据时使用语义ui显示数据加载状态，而不是使用PrimeNg显示“找不到记录”

Question

我在PrimeNg的帮助下显示角度2应用程序的表格数据。我正在使用2.0.4的PrimeNg版本，由于配置限制而无法升级。该项目还使用语义ui。

当我点击显示该表的链接时，它显示“未找到记录”，即使数据仍在表上加载，并且一旦数据加载完成，数据最终会显示在表中。

我想避免显示“找不到记录”，而是希望在加载数据时显示语义ui加载器（微调器），然后在整个数据加载完成后显示PrimeNg DataTable。

我期待有关如何连接这两者的一些提示。是否存在标记数据在ngprime表中加载的属性，该属性可用于决定语义ui加载器是否旋转。

------------------------------ EDIT ---------------- ------------------------

您好

我做了以下更改，部分工作。在数据加载阶段显示时，部分微调器被剪掉。即使我将其大小增加到中等，它的行为也不同。

<div class="ui segment">
    <div class="ui active dimmer" *ngIf="loading">
       <div class="ui medium text loader">Loading table</div>
    </div>

    <p-dataTable  *ngIf="!loading">
         ..........
         ..........
    </p-dataTable>
</div>

由于

Answer 1

当您将数据转向标志设置为false loading:boolean = true;时，您可以向component.ts文件添加标志this.loading = false;，然后您只需在数据表组件*ngIf="!loading"和* ngIf上使用ngIf指令=＆＃34;装载＆＃34;在你的语义ui微调器中。