我正在使用以下代码:
<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”)