Html 编辑按钮的Mat图标未显示

我有一个mat图标按钮，但是在添加[routerlink]=“[/edit job]”后，我无法查看按钮图标。虽然我可以看到mat工具提示，单击它会将我重定向到编辑页面，但我无法查看图标

Mat按钮的当前代码

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

编辑

有人能告诉我我做错了什么以及如何修复它吗。 我附上一个更好的理解截图。

---

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

要添加的导入是：

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

这是材质按钮的一个示例：

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

点击我！

对于第一个案例，您也必须在

标签中包含

编辑。
正如@Sumit Vekariya所说，将
编辑添加到您的按钮中

例：


编辑
在第一个代码段中，您没有在任何地方添加“编辑”，因此它不会按预期显示编辑图标。谢谢。。我真傻。。我搜索了5个多小时，这不是图标按钮的正确语法-理想情况下，
button[mat icon button]
的子元素应该是
mat icon
元素。如果需要文本按钮，请使用
按钮[mat button]
或其任何其他样式。
<button mat-icon-button [routerLink]="['/edit-job']" matTooltip="Edit Job">
  <mat-icon>edit</mat-icon>
</button>