3

我似乎只能让 Angular Bootstrap 下拉菜单在我的应用程序的一部分中工作。我不确定为什么它在那里工作而不是在其他地方。在我的模块中，我正在导入BsDropdownModule.forRoot()就像它工作的地方一样。我已经尝试从他们的几个示例中粘贴 HTML ......什么都没有。我知道我以前在那里工作过，不记得改变任何与它有关的东西。

我没有收到任何错误，也不确定如何继续解决此问题。我注意到 ng2-bootstrap 的问题，所以我升级到 ngx-bootstrap。同样的问题。

4

4 回答 4

3

确保您的 Angular 版本和 Bootstrap 版本兼容。它发生在我使用 Angular 4 和 ng2-bootstrap 1.6.x 时。更好的是，您应该使用 ngx-bootstrap 而不是 ng2-bootstrap。要使下拉菜单正常工作，请添加容器属性：

<div class="btn-group" dropdown  container="body"></div>
于 2017-06-21T22:08:21.873 回答
1

我弄清楚了这个问题。下拉菜单实际上正在工作。问题是由于某种原因， .dropdownMenu 的 y 位置（顶部）将其放置在其所在容器的边界之外，无法看到它。我仍然不确定为什么会这样，但至少我有一些工作要做。

于 2017-04-13T02:36:17.857 回答
1

我能够使用 bootstrap@4.0.0-alpha.5 来完成这项工作，但是当我切换到 4.0.0-alpha.6 时，我无法让下拉菜单工作。不知道出了什么问题，但我必须通过添加到我的提供程序来将 BsDropdownModule 添加到上下文中（我已经有了 BsDropdownModule.forRoot()）......（不完全确定我最终破坏的细节）。

但是发现将 BsDropdownModule 添加到我调用菜单的模块中然后它就起作用了。

于 2017-05-13T00:44:53.390 回答
1

您需要在 AppModule 导入中添加 BsDropdownModule.forRoot() 并在使用引导下拉菜单的子模块中添加 BsDropdownModule（不是 .forRoot()！）

于 2019-10-14T22:13:18.560 回答