Question

我有两个用两种不同方式编写的表，有什么区别？

<mat-table [dataSource]="dataSource" class="table">
    <ng-container matColumnDef="eventStartTime">
        <mat-header-cell i18n *matHeaderCellDef>Event Start Time</mat-header-cell>
        <mat-cell *matCellDef="let element"> {{element.eventStartTime | date}}</mat-cell>
    </ng-container>

<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
    <ng-container matColumnDef="position">
        <th mat-header-cell *matHeaderCellDef> No. </th>
        <td mat-cell *matCellDef="let element"> {{element.position}} </td>
    </ng-container>

Answer 1

没有区别。两者都是正确且有效的，但是他们在Angular Material文档中要求放置<table mat-table [dataSource]=dataSource>

Answer 2

1。由于您使用的是mat-elevation-z8，因此您的表格会弹出。我不知道确切的字眼，但在页面上看起来会有点高。如果使用普通的class =“ table”，则可以定义自己的CSS或将其保留，因为它的表看起来不会升高。但是您的两个代码看起来都不错，并且应该可以正常工作。

2。如果您使用角度材料文档，他们会告诉您使用第二个代码。即<table mat-table [dataSource]=dataSource>。对于<th>和<td>也是如此。

您的代码对我来说似乎都不错，应该可以正常工作。

这两个表有什么区别

2 个答案: