twitter-bootstrap - 如何将 ngbDropdown 添加到 bootstrap 4 导航栏

Question

我使用 ng-bootstrap Angular 2。

    <nav class="navbar navbar-fixed-top navbar-dark bg-inverse"> 
        <ul class="nav navbar-nav">  
           <li class="nav-item">
                <a class="nav-link" href="#">About</a>
           </li>
            <li class="nav-item">
                <div ngbDropdown>
                  <button class="btn" ngbDropdownToggle>Projects</button>
                  <div class="dropdown-menu">
                    <button class="dropdown-item"  >AA</button>
                  </div>
                </div>
            </li>
        </ul>
     </nav>

下拉菜单无法展开的问题

Answer 1

很难看出您的特定项目中发生了什么，因为我刚刚复制并粘贴了您的代码并且它工作得很好，检查这个插件:http://plnkr.co/edit/CFntB5mkshJ97x1aIGU1?p=preview

您可能想要验证是否正确导入(从“@ng-bootstrap/ng-bootstrap”导入 {NgbModule})添加 NgbModule 模块:


@NgModule({
导入:[ BrowserModule, NgbModule ],
声明:[应用程序]，
Bootstrap :[应用程序]
})
导出类 AppModule {}