【发布时间】:2018-03-14 18:21:45
【问题描述】:
您好,我有以下问题。我制作了一个 Angular Material 表,如documentation site 上提供的示例所示。我的问题是现在呈现了表格,并且呈现了适量的行,但没有列,也没有显示数据。
<div class="app-errors">
<div class="spinner-container" *ngIf="dataSource.loading$ | async">
<mat-spinner></mat-spinner>
</div>
<mat-table [dataSource]="dataSource">
<ng-container matColumnDef="seqNo" >
<mat-header-cell *matHeaderCellDef>#</mat-header-cell>
<mat-cell *matCellDef="let data">{{data.id}}</mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
</mat-table></div>
渲染:
<app-errors _nghost-c4="" class="ng-star-inserted">
<div _ngcontent-c4="" class="app-errors">
<!---->
<mat-table _ngcontent-c4="" class="mat-table" role="grid"><!----><!---->
<mat-row _ngcontent-c4="" class="mat-row ng-star-inserted" role="row">
<!---->
</mat-row>
</mat-table>
</div>
</app-errors>
【问题讨论】:
-
你在dataSource中获取数据吗???
-
是的,数据在数据源中。尝试了它应该稍后使用休息请求检索数据的方式,但也尝试使用本地数据数组,但我得到相同的结果行是正确的,但列和数据不是