ngx-bootstrap下拉列表没有打开angular 4 bootstrap 4

Question

我无法弄清楚这里发生了什么 - 我已经包含了基于文档我认为正确的ngx-dropdown代码:

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.module.ts(这是包含主组件的模块)

@NgModule({
  imports: [
    BsDropdownModule,

我正在使用angular-cli并且我已经包含了bootstrap样式:

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

在index.html中我添加了一个片段让浏览器知道我正在使用bootstrap 4:

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

出现按钮,控制台中没有显示错误.当我点击按钮("打开"和"显示"被添加到样式中)时,我可以看到dom发生变化.但是按钮下面没有任何东西打开 - 没有菜单显示.

我不知道在哪里可以看

Answer 1

我也有这个问题.经过一些浪费时间我发现了这个:

这是一个官方问题:

https://github.com/valor-software/ngx-bootstrap/issues/2413