2017-08-17 69 views
2

我想不通这是怎么回事 - 我已经包括NGX-下拉代码,我认为这是正确的基于文件:NGX的自举下拉不开角4引导4

home.component。 HTML

<div class="btn-group" dropdown> 
     <button dropdownToggle type="button" class="btn btn-primary dropdown-toggle"> 
     Button dropdown <span class="caret"></span> 
     </button> 
     <ul *dropdownMenu class="dropdown-menu" role="menu"> 
     <li role="menuitem"><a class="dropdown-item" href="#">Action</a></li> 
     <li role="menuitem"><a class="dropdown-item" href="#">Another action</a></li> 
     <li role="menuitem"><a class="dropdown-item" href="#">Something else here</a></li> 
     <li class="divider dropdown-divider"></li> 
     <li role="menuitem"><a class="dropdown-item" href="#">Separated link</a> 
     </li> 
     </ul> 
    </div> 

app.module.ts

@NgModule({ 
    imports: [ 
    BsDropdownModule.forRoot(), 
    ... 
    ] 

site.mo dule.ts(这是包含在家庭部件内置模块),我使用的角CLI

@NgModule({ 
    imports: [ 
    BsDropdownModule, 

,我已经包括了引导风格:

"../node_modules/bootstrap/dist/css/bootstrap.min.css", 

指数。 HTML我添加了一个片段来让浏览器知道我使用的是引导4:

<script>window.__theme = 'bs4';</script> 
<app-root>Loading . . .</app-root> 

出现的按钮,并且没有在CON显示错误唯一。当我点击按钮(“打开”和“显示”被添加到样式)时,我可以看到dom发生了变化。但是按钮下方没有任何东西打开 - 没有显示菜单。

我不知道在哪里看

+0

您可以创建plunkr? –

+0

为什么不使用指令来添加和删除引导下拉的类而不是使用扩展名。例如[link](https://rahulrsingh09.github.io/AngularConcepts)。检查导航栏 –

回答