【问题标题】:Angular 6 Nav tab is not active when I click the hyperlinks单击超链接时,Angular 6 Nav 选项卡未处于活动状态
【发布时间】:2020-06-04 05:27:38
【问题描述】:
我在 Angular Working Demo 中创建了一个路由示例。路由示例的输出如下所示。
当我单击 Players 选项卡时,表格处于活动状态,但是当我单击 View Players 和 View Players (Script) 时仪表板选项卡内的超链接,然后导航到玩家选项卡,但该选项卡未激活(活动类未添加到选项卡),如下所示
谁能帮我解决这个问题
【问题讨论】:
标签:
html
css
twitter-bootstrap-3
hyperlink
angular6
【解决方案1】:
这是因为您已将确切路由设置为 true,而其中的 routerLink 并未指向主 players 路由。
<li [routerLinkActiveOptions]="{ exact: false }" routerLinkActive="active">
<a [routerLink]="['/players']">Players</a>
</li>