Angular 在“角度材质”工具栏中放置主链接

Angular 在“角度材质”工具栏中放置主链接,angular,angular-material,Angular,Angular Material,我有这个标记: <mat-toolbar> <span>MyAppName</span> </mat-toolbar> MyAppName 现在,我希望span成为指向主页的链接,所以我做到了: <mat-toolbar> <button routerLink="/" mat-button> MyAppName </button> </mat-toolbar> M

我有这个标记:

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

MyAppName
现在,我希望span成为指向主页的链接,所以我做到了:

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

MyAppName
除了标题的字体大小显然要小得多之外,效果与预期一致。所以我的假设是,这不是你现在要解决的问题


放置静态文本并使其作为主链接工作的“原生材质”方式是什么?

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

<span [style.cursor]="'pointer'" routerLink="/">MyAppName</span>
MyAppName
应该是此。。。