将Home链接放置在角度材质工具栏中

Question

我有这个标记：

 <mat-toolbar>
   <span>MyAppName</span>
 </mat-toolbar>

现在，我希望跨度成为到家的链接，所以我做到了：

 <mat-toolbar>
  <button routerLink="/" mat-button>
    MyAppName
  </button>
</mat-toolbar>

除了标题的字体大小明显要小得多以外，它可以按预期工作。所以我的假设是现在不是您要解决这种情况。

放置静态文本并使之作为主页链接的“本机材料”方法是什么？

Answer 1

RouterLink指令可以在其他元素上使用，您可以添加样式以使其像链接一样交互：

<span [style.cursor]="'pointer'" routerLink="/">MyAppName</span>