如何获取mat-nav-list所选链接的值

时间:2018-11-09 17:35:01

标签: angular-material angular7

我想要一个动态标题。 这是我的导航:

<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>

0 个答案:

没有答案