Angular Группа вкладок материалов с маршрутами

Question

Я пытаюсь создать группу вкладок с маршрутами, похожими на навигационную панель.

Вот что я мог бы придумать:

<mat-tab-group>
  <mat-tab label="Default Preferences">
    <a routerLink="syspref" routerLinkActive="active">
    </a>
  </mat-tab>
  <mat-tab label="User Preferences">
    <a routerLink="userpref" routerLinkActive="active">
    </a>
  </mat-tab>
</mat-tab-group>

Но это не отображает содержимое вкладок. Любая идея, как сделать группы вкладок с маршрутами?

Спасибо