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，并且我已经包含了引导风格：

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

并在 index.html 我添加了一个片段，让浏览器知道我使用bootstrap 4：

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

出现按钮，控制台中没有显示错误。当我点击按钮时，我可以看到dom发生变化（＆＃34;打开＆＃34;＆＃34;显示＆＃34;正在添加到样式中）。但是按钮下面没有任何东西打开 - 没有菜单显示。

我不知道还有什么地方可以看

Answer 1

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

这是一个官方问题：

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

Answer 2

我有同样的问题。我从'@ angular / platform-browser / animations'导入`import {BrowserAnimationsModule};“之后到app.module.ts并添加BrowserAnimationsModule导入：[]问题已解决。有了一些不必要的代码，您的app.module.ts应该如下所示。我当前正在使用Angular 9.0：

config.get_build_temp_dir()

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

2 个答案: