Twitter bootstrap Angular 2中的引导导航菜单

从中，我创建了一个顶部导航菜单：

<nav class="navbar navbar-fixed-top navbar-dark bg-inverse">
    <div class="container">
        <a class="navbar-brand">Angular Router</a>
        <ul class="nav navbar-nav" routerLinkActive="active">
            <li class="nav-item"><a class="nav-link" routerLink="home">Home</a></li>
            <li class="nav-item"><a class="nav-link" routerLink="about">About</a></li>
            <li class="nav-item"><a class="nav-link" routerLink="courses">Courses</a></li>
        </ul>
    </div>
</nav>

<router-outlet></router-outlet>

角形路由器

主页
关于
课程

问题是，当我单击像

home

这样的菜单项时，它不会显示为活动。我没有包括

bootstrap.js

---

除了

bootstrap.js

和

jQuery

，我能在Angular 2中使所选菜单处于活动状态的最佳方法是什么？

只需对所有

routerLink

项使用

RouterLinkActive

指令：

<li class="nav-item"><a class="nav-link" routerLink="home" routerLinkActive="active">Home</a></li>
<li class="nav-item"><a class="nav-link" routerLink="about" routerLinkActive="active">About</a></li>
<li class="nav-item"><a class="nav-link" routerLink="courses" routerLinkActive="active">Courses</a></li>

---

。
对不起。它不起作用。单击菜单时，其背景为灰色，但在单击任何字段（如文本字段）后，菜单将不再突出显示。@jaks好吧，是其他原因导致了问题，请查看Angular的官方示例，就是这样做的：（
RouterLinkActive
指令用于
app.component.ts
）我需要使用ng引导吗？我只包含了引导css cdn。@jaks认为这不是问题所在。您可以尝试创建自己的
css
类，该类将更改活动选项卡的背景，然后将该类分配给
routerLinkActive
，以检查这里是否存在引导问题。非常感谢。我定义了自己的CSS类，它正在工作。