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

Question

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

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

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

Answer 1

试试这个

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