编辑按钮不显示垫子图标

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&nbsp;{MatButtonModule}&nbsp;from&nbsp;'@angular/material/button';这是材质按钮的示例：<button&nbsp;mat-icon-button>Click&nbsp;me!</button>