Angular 2 下拉菜单中的 bootstrap 4 不起作用

我按照以下步骤将 bootstrap 4 安装到我的 Angular 2 项目中：接受答案，遵循前 1、2、3 和 4 个步骤 https://stackoverflow.com/questions/37649164/how-to-add-bootstrap-to-an-angular-cli-project

但是当我添加以下内容时HTML到我的标题组件：

<nav class="navbar-dark bg-inverse">
<div class="container">
    <a href="#" class="navbar-brand"></a>
    <ul class="nav navbar-nav float-xs-right">
        <li class="nav-item dropdown">
            <a href="#" class="nav-link dropdown-toggle" id="nav-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">[email protected] /cdn-cgi/l/email-protection</a>
            <div class="dropdown-menu" aria-labelledby="nav-dropdown">
                <a href="#" class="dropdown-item">Sign Out</a>
            </div>
        </li>
    </ul>
</div>

正如您所看到的，它基本上是一个下拉菜单，当我单击下拉菜单时，页面会刷新，而不显示“退出”选项。

这是我的angular-cli.json样式部分：

"styles": [
  "styles.css",
  "../node_modules/bootstrap/dist/css/bootstrap.min.css"
],    

在我的 Angular 2 模块中：

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

然后，我将 NgbModule 导入到导入部分。

我显然错过了一些东西，有人可以阐明它到底是什么吗？

1. 请从此链接安装 ng-bootstrap入门 https://ng-bootstrap.github.io/#/getting-started使用以下命令：

   npm `install --save @ng-bootstrap/ng-bootstrap`
   

2. 将其导入到app.module.ts like

   import `{NgbModule} from '@ng-bootstrap/ng-bootstrap';` 
   

3. 导入于

   imports:[
      NgbModule.forRoot(),
   ]
   

4. Add ngbDropdown在下拉菜单中

5. Add ngbDropdownToggle在下拉菜单中切换 DOM

6. Add ngbDropdownMenu在下拉菜单 DOM 上

               <li ngbDropdown  class="nav-item dropdown" >
                   <a ngbDropdownToggle class="nav-link dropdown-toggle"  href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Manage
                   </a>
                   <div ngbDropdownMenu  class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                     <a class="dropdown-item" href="#">Save Data</a>
                     <a class="dropdown-item" href="#">Fetch Data</a>
   
                   </div>
                 </li>
             </ul>