在 ngx-bootstrap 7.0.0 中，点击另一个后下拉菜单没有关闭

Question

版本：
ngx-bootstrap: 7.0.0
Angular: 12.1.3
Bootstrap: 4.6.0

在打开另一个下拉菜单后单击一个下拉按钮，第一个下拉菜单不会关闭。

但是在ngx-bootstrap@6.2.0中，并没有发生。

我该如何解决这个问题？有什么想法吗？

Answer 1

我运行今天遇到了同样的问题。原来这是一个未解决的问题，Angular bootstrap 社区已经研究过了。我的猜测是它很快就会得到解决。

但是作为解决方法：通过添加 show class 显示具有 dropdown-menu class 的元素。所以你可以给每个菜单一个参考：

<ul class="dropdown-menu" #menu1>...</ul>
<ul class="dropdown-menu" #menu2>...</ul>

并且在任何下拉导航项上发生点击事件时，触发一个删除所有这些元素上的 show class 的函数。

In ngx-bootstrap 7.0.0, dropdown is not closed after clicking on another one