如何在角度2 \ 4中保留bootstrap导航栏的活动状态?

时间:2017-05-10 11:22:41

标签: twitter-bootstrap angular navbar nav

我正在使用以下代码:

<ul class="nav navbar-nav">
    <li class=""><a routerLink="/overview" routerLinkActive="active">OVERVIEW</a></li>
    <li class=""><a routerLink="/insights" routerLinkActive="active">INSIGHTS</a></li>
</ul>

我希望默认选择“概述”。而且,当我点击概述或见解时,会选择相应的链接(使用深色背景css类),但是,如果我点击应用程序的任何地方,选择就会消失。它没有保留。如何保留所选路线的链接?我正在使用模块来延迟加载所选li的相应内容。

你可以在这里看到它: http://recordit.co/8wfPmEvqTs

在加载时,将显示概述路由器,但未选择“概述”:https://snag.gy/vQnJKm.jpg

当我点击概述时,它将被选中: https://snag.gy/PVyDIA.jpg

现在,如果我点击其他任何地方,例如,在导航栏下方,概览的选择将会消失: https://snag.gy/W5f7Pa.jpg

我正在使用v4.0.0。 (“@ angular / common”:“^ 4.0.0”)

0 个答案:

没有答案