我似乎只能让 Angular Bootstrap 下拉菜单在我的应用程序的一部分中工作。我不确定为什么它在那里工作而不是在其他地方。在我的模块中，我使用BsDropdownModule.forRoot() 导入，就像它在哪里工作一样。我已经尝试从他们的几个示例中粘贴 HTML ......什么都没有。我知道我以前在那里工作过，但不记得改变过任何与它有关的东西。
我没有收到任何错误，也不确定如何继续解决此问题。我注意到 ng2-bootstrap 的问题，所以我升级到 ngx-bootstrap。同样的问题。
【问题讨论】：
标签： angular typescript ng2-bootstrap ngx-bootstrap
确保您的 Angular 版本和 Bootstrap 版本兼容。它发生在我使用 Angular 4 和 ng2-bootstrap 1.6.x 时。 更好的是，您应该使用 ngx-bootstrap 而不是 ng2-bootstrap。要使下拉菜单正常工作，请添加容器属性：
<div class="btn-group" dropdown container="body"></div>
【讨论】：
我发现了这个问题。下拉菜单实际上正在工作。问题是由于某种原因， .dropdownMenu 的 y 位置（顶部）将其放置在其所在容器的边界之外，无法看到它。我仍然不确定为什么会发生这种情况，但至少我有一些工作要做。
【讨论】：
我可以使用 bootstrap@4.0.0-alpha.5 来完成这项工作，但是当我切换到 4.0.0-alpha.6 时，我无法让下拉菜单工作。 不知道出了什么问题，但我必须通过添加到我的提供程序来将 BsDropdownModule 添加到上下文中（我已经有了 BsDropdownModule.forRoot()）....（不完全确定我最终破坏的细节）。
但发现将 BsDropdownModule 添加到我正在调用菜单的模块中然后它起作用了。
【讨论】：
您需要在 AppModule 导入中添加 BsDropdownModule.forRoot() 并在使用引导下拉菜单的子模块中添加 BsDropdownModule（不是 .forRoot()！）
【讨论】：