角垫图标不显示图标

Question

我试着用垫子图标，但它不能正常工作。我有一张桌子，在一个数据单元里，我试图使用一个垫子图标。问题是它没有显示图标，而是显示名称。我在app.module.ts中包括了从“@角/材料/图标”导入{app.module.ts}，例如:清除=>，它显示:清除我的代码：

<div class="mat-elevation-z8 layout-container">
  <table mat-table [dataSource]="dataSource">
    <ng-container matColumnDef="Index">
      <th mat-header-cell *matHeaderCellDef [attr.rowspan]="2">No.</th>
      <td mat-cell *matCellDef="let element; let i = index">{{ i + 1 }}</td>
    </ng-container>
    <ng-container matColumnDef="Icon">
      <th mat-header-cell *matHeaderCellDef>Icon</th>
      <td mat-cell *matCellDef="let element"><mat-icon>clear</mat-icon></td>
    </ng-container>
</table>

  <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons aria-label="Select page of periodic elements"> </mat-paginator>
</div>```

Answer 1

将以下内容添加到index.html中

    <!-- material icons -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">