墊選項卡顯示信息，而數據源加載和空的結果

Question

版本：角4.4，材料的β-12

我想知道是否有一種方式來顯示自定義消息時是空的結果或結果加載爲mat-table。

我已經經歷了許多材料和github問題，並尋找任何其他的替代品。

Answer 1

嘗試這樣的事情

<mat-table> ... </mat-table> 
<div *ngIf="noResults$ | async">No results</div> 

它會顯示標題行，但沒有數據行。相反，它會顯示「無結果」消息。

獲取noResults$設置將非常依賴於如何你的表從服務中檢索數據，但也許這樣的事情會激發一個解決方案，

data$ = this.myService.getRowsOfData(); 

noResults$ = this.data$.map(d => d.length === 0).startWith(false); 

---

編輯：

你可以如果您願意，可以將狀態存儲在DataSource中。

<div *ngIf="dataSource.empty">No results</div> 

用DataSource，看起來像這樣

empty = false; 

connect(): Observable<MyData[]> { 
    return Observable 
    .of(whatever) 
    .do(data => this.empty = !data.length); 
}