Question

您好我有以下问题。我在documentation site上提供的示例中创建了一个Angular Material表。我的问题是现在表格已呈现，并且还呈现了正确的行数，但没有显示列和数据。

<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>

Answer 1

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

角度材料数据表未显示

1 个答案: