如何使用routerLinkActive与空routerLink

时间:2017-04-12 16:23:42

标签: angular angular2-routing

我有以下标签栏链接,第一个应该是空的:

<nav md-tab-nav-bar>
          <a md-tab-link [routerLink]="'./'" 
             routerLinkActive #rla="routerLinkActive" [active]="rla.isActive">
            My tab
          </a>
...
</nav>

链接正常但未触发活动状态。

处理要激活的标签的空路由器链接的正确方法是什么?

1 个答案:

答案 0 :(得分:10)

试试这个

<a [routerLink]=" ['./'] "
    routerLinkActive="active" [routerLinkActiveOptions]= "{exact: true}">
    My tab
</a>

https://angular.io/docs/ts/latest/api/router/index/RouterLinkActive-directive.html