顯示數據使用語義ui加載狀態，而不是在PrimeNg中顯示「沒有找到記錄」數據加載時使用語義ui

Question

我在PrimeNg的幫助下顯示了角度2應用程序中的表格數據。我正在使用2.0.4的PrimeNg版本，並且由於配置限制而無法升級。該項目還使用語義ui。

當我單擊顯示錶的鏈接時，即使數據仍在表上加載，並且最終在數據加載完成後數據確實顯示在表中，它也會顯示「No records found」。

我想避免顯示「找不到記錄」，而是希望在數據加載時顯示語義ui加載器（微調），然後在整個數據加載完成後顯示PrimeNg數據表。

我期待着關於如何連接這兩個的一些提示。是否有屬性指出數據在ngprime表中加載的標誌，並且該屬性可用於判定語義ui加載器是否旋轉。

------------------------------編輯--------------- -------------------------

嗨

我做了以下更改，它部分工作。在數據加載階段顯示時，部分微調器被截斷。即使將尺寸增加到中等尺寸後，它的行爲也不會有所不同。

<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

您可以添加到您的component.ts提交標誌loading:boolean = true;當你有你的數據轉標誌設置爲false this.loading = false;，那麼你只需要使用ngIf指令的數據表組件*ngIf="!loading"和* ngIf =「裝「在你的semantic-ui微調中。