как получить значение выбранной ссылки в mat-nav-list

Question

Я хотел бы иметь динамический заголовок. это моя навигация:

<mat-nav-list  [(ngModel)]="selectedOptions">
  <a mat-list-item href="" routerLink="/home" routerLinkActive="active-link" [value]="home" >Home</a>
  <a mat-list-item href="" routerLink="/about" routerLinkActive="active-link" >About</a>
  <a mat-list-item href="" routerLink="/catalog" routerLinkActive="active-link" >Catalog</a>
</mat-nav-list>

когда я нажимаю на дом, я хочу вернуться домой, если я нажимаю на О, я хочу получить О. После того, как я извлекаю это значение из службы и отображаю компонент заголовка

<section class="title">
  <div class="title_container">
    <h1 class="font-weight-bold">{{titleTab}}</h1> // {{titleTab}} = home | About | etc...
  </div>
</section>