Twitter bootstrap Angular 5中的引导：如何在返回页面时使所选选项卡处于活动状态
我在Angular 2应用程序中使用引导导航药片。当用户从其他组件返回此页面时，我想将用户选择的选项卡显示为活动选项卡。所以用户从这个组件转到另一个组件，然后回到这里，我希望用户看到他选择的同一个选项卡。如果我使用[ngClass]设置活动选项卡，则选项卡无法正常工作-可以工作，但选项卡内容不会更改。代码： 另外，当用户返回此页面时，第一个页面即个人页面Twitter bootstrap Angular 5中的引导：如何在返回页面时使所选选项卡处于活动状态,twitter-bootstrap,angular5,Twitter Bootstrap,Angular5,我在Angular 2应用程序中使用引导导航药片。当用户从其他组件返回此页面时，我想将用户选择的选项卡显示为活动选项卡。所以用户从这个组件转到另一个组件，然后回到这里，我希望用户看到他选择的同一个选项卡。如果我使用[ngClass]设置活动选项卡，则选项卡无法正常工作-可以工作，但选项卡内容不会更改。代码： 另外，当用户返回此页面时，第一个页面即个人页面 选项卡内容保持显示为活动状态。我看到一些js解决方案，其中active tab存储在本地存储中。我能得到一个非js的答案吗？谢谢Bootstr
选项卡内容保持显示为活动状态。我看到一些js解决方案，其中active tab存储在本地存储中。我能得到一个非js的答案吗？谢谢Bootstrap版本-3.3.7，Angular-5同样，我试图通过将html中使用的li元素的ID设置为来手动触发选项卡的单击事件。如果使用Angular RouterModule，则可以使用routerLink和routerLink活动属性。这允许您简单而自动地指定要添加到当前处于活动状态的routerLink中的命名类
<ul class="nav nav-pills nav-justified">
<li class="nav-item">
<a class="nav-link" routerLink="personal" routerLinkActive="active">
<span class="fa fa-user fa-icon-right-margin-small"></span> Personal
</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="group" routerLinkActive="active">
<span class="fa fa-users fa-icon-right-margin-small"></span> Group
</a>
</li>
</ul>