Angular 2 Bootstrap(ngx-bootstrap / ng2-bootstrap)下拉列表无法正常工作

时间:2017-04-13 02:12:24

标签: angular typescript ng2-bootstrap ngx-bootstrap

我似乎只能在我的应用程序的一部分中使用Angular Bootstrap下拉列表。我不确定为什么它在那里工作而不在其他地方。在我的模块中,我使用BsDropdownModule.forRoot()导入,就像它工作的地方一样。我试过从他们的几个例子中粘贴HTML ...没什么。我知道我之前曾在那里工作,并且不记得改变任何与之有关的事情。

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

4 个答案:

答案 0 :(得分:3)

确保您的Angular版本和Bootstrap版本兼容。它发生在我使用Angular 4和ng2-bootstrap 1.6.x时。 更好的是,你应该使用ngx-bootstrap代替ng2-bootstrap。要使下拉列表正常工作,请添加容器属性:

<div class="btn-group" dropdown  container="body"></div>

答案 1 :(得分:1)

我想出了这个问题。下拉列表实际上正在运行。问题在于,由于某种原因,.dropdownMenu的y位置(顶部)超出了它所居住的容器的边界,在那里无法看到。我仍然不确定为什么会这样,但至少我有一些工作要做。

答案 2 :(得分:1)

我能够使用bootstrap@4.0.0-alpha.5进行此操作,但是当我切换到4.0.0-alpha.6时,我无法获得下拉列表。 不知道出了什么问题,但我不得不通过添加到我的提供程序(我已经有了BsDropdownModule.forRoot())来将BsDropdownModule添加到上下文中....(不完全确定我最后破坏的细节)。 / p>

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

答案 3 :(得分:0)

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