我通過執行以下操作動態加載墊表：
<mat-table mat-table [dataSource]="dataSource">
<ng-container *ngFor="let col of dispColumns" matColumnDef="{{col}}">
<mat-header-cell *matHeaderCellDef>{{col}}</mat-header-cell>
<mat-cell *matCellDef="let element ">
{{element[col]}}
</mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="dispColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: dispColumns;"></mat-row>
</mat-table>
<mat-paginator [pageSizeOptions]="[10, 25, 50, 100]" showFirstLastButtons
aria-label="Select page of query data">
</mat-paginator>
我能夠看到標題列。但是，我沒有看到表中的其余資料。它根據dataSource長度顯示行數，但似乎沒有輸出實際的元資料？我該如何解決這個問題？
這是我的組件的樣子：
export class Component implements OnInit {
constructor(
private store: Store,
) { }
ngOnInit(): void {
}
get dataSource() {
return this.store.dataSource;
}
}
你可以看到我正在dataSource從商店讀取，它看起來像這樣：
public dataSource = new MatTableDataSource<any>([]);
然后我dataSource在一個不同的檔案中設定，如下所示：
this.store.dataSource = data;
我在做一些破舊的事情嗎？任何幫助是極大的贊賞！
uj5u.com熱心網友回復：
<mat-cell *matCellDef="let element ">
{{element[col]}}
</mat-cell>
你沒有資料，讓資料元素
uj5u.com熱心網友回復：
改變
<mat-table mat-table>
</mat-table>
到-
<table mat-table ..>
....
</table>
成功:)！
uj5u.com熱心網友回復：
我發現了這個問題，結果是因為col沒有正確映射，這就是它顯示一個空表的原因:-)
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/360618.html