angular - 在 Angular Material 工具栏中放置主页链接

Question

我有这个标记:

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

现在我希望 span 成为指向主页的链接，所以我这样做了:

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

除了标题的字体大小显然要小得多外，一切正常。所以我的假设是，这不是您现在要解决的问题。

放置静态文本并使其用作主页链接的“原生 Material ”方式是什么？

Answer 1

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

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