【问题标题】:Angular Material Data Table not displayed未显示角材料数据表
【发布时间】: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中获取数据吗???
  • 是的,数据在数据源中。尝试了它应该稍后使用休息请求检索数据的方式,但也尝试使用本地数据数组,但我得到相同的结果行是正确的,但列和数据不是

标签: angular angular-material


【解决方案1】:

问题解决了。创建了一个具有完全相同配置的新项目,复制了其中的所有内容,现在它可以工作了。很奇怪的行为

【讨论】:

    猜你喜欢
    • 2021-01-11
    • 1970-01-01
    • 2021-05-08
    • 2020-07-24
    • 2019-11-26
    • 2021-04-27
    • 1970-01-01
    相关资源
    最近更新 更多