如何在其他页面上保持 routerLinkActive 处于活动状态？答案

【问题标题】：How to keep routerLinkActive active on other pages?如何在其他页面上保持 routerLinkActive 处于活动状态？
【发布时间】：2017-06-01 09:26:33
【问题描述】：

   <a *ngFor="let p of pages" routerLink="{{ p.path }}" routerLinkActive="page-selected" class="item">
{{ p.title }}</a>

我有一个组件，它创建一个标签栏（上图），其中包含几个页面和一个使用 routerLinkActive 添加到相应活动标签的类。我需要某些选项卡在特定的其他页面上保持突出显示，这意味着 routerLink 将不匹配并且不会应用 routerLinkActive 类。有没有办法解决这个问题？

【问题讨论】：

【解决方案1】：

对于RouterLinkActive，URL 必须在那里才能处于活动状态。但是，如果您想在某些特定 URL 上激活 URL，则可以使用 [routerLinkActiveOptions]="{exact: true}"

否则，请从 angular.io 中搜索 routerActive 选项

【讨论】：

【解决方案2】：

您是否在两个视图之间“在”一个选项卡内切换？然后你可以创建两个你在标签面板中显示和隐藏的组件

【讨论】：