编辑按钮不显示垫子图标

Question

我有一个 mat-icon 按钮，但是添加 [routerlink]="[/edit-job]" 后我无法查看按钮图标。虽然我可以看到 mat-tooltip 并且单击它会将我重定向到编辑页面，但我无法查看图标。Mat-Button 的当前代码 <button        mat-icon-button        [routerLink]="['/edit-job']"        matTooltip="Edit Job"      ></button>但是，如果我将代码更改为此我可以正确查看图标<button mat-icon-button (click)="editJob()" matTooltip="Edit Job">            <mat-icon>edit</mat-icon>          </button>有人可以告诉我我做错了什么以及如何解决它。我附上屏幕截图以便更好地理解。

Answer 1

添加<mat-icon>edit</mat-icon>到您的按钮

前任：

<button mat-icon-button [routerLink]="['/edit-job']" matTooltip="Edit Job">

  <mat-icon>edit</mat-icon>

</button>

Answer 2

您也必须将第一种情况包含在标签<mat-icon>edit</mat-icon>内。<button>




Answer 3

如文档所示，您应该在应用程序模块上添加导入

https://material.angular.io/components/button/api

要添加的导入是：

import {MatButtonModule} from '@angular/material/button';

这是材质按钮的示例：

<button mat-icon-button>Click me!</button>