如何让routerLinkActive在其他页面上保持活动状态？

Question

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

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

Answer 1

对于RouterLinkActive，URL必须在那里才能激活。但是，如果您想在某些特定网址上激活网址，那么您可以使用[routerLinkActiveOptions] =＆＃34; {exact：true}＆＃34;

否则，请搜索angular.io

中的routerActive选项

Answer 2

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