Размещение ссылки Home на панели инструментов углового материала

Question

У меня есть эта разметка:

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

Теперь я хочу, чтобы span был ссылкой на дом, поэтому я сделал:

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

Работает как положено, за исключением размера шрифтазаголовок, очевидно, намного меньше.Таким образом, я предполагаю, что сейчас вы не рассматриваете этот сценарий.

Каким будет «нативный материал» для размещения статического текста и заставить его работать как домашняя ссылка?

Answer 1

Директива RouterLink может использоваться с другими элементами, и вы можете добавить стиль, чтобы он взаимодействовал как ссылка:

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