路由器导航到ngx-bootstrap选项卡Angular 4

Question

我有一个包含四个选项卡的组件（使用ngx-bootstrap选项卡）myprod，mysettings等。我为每个标签创建了四个不同的路由（指向相同的组件）。我使用下面的代码在页面加载时显示正确的选项卡。

[routerLink]="['/user/my-account']" [routerLinkActive]="'active is-active'"

但不幸的是，每当活动类将添加到第一个选项卡而不是正确的选项卡。如果我使用任何其他类名而不是活动它按预期工作，请帮助。

Answer 1

试试这个

 <tab   
  [routerLink]="['/user/my-account']"
  routerLinkActive 
  #ads="routerLinkActive"
  [active]="ads.isActive">  
</tab>