在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社区已经研究过了。我猜这件事很快就会解决的。

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

然而，作为一个解决方案:通过添加show类，可以得到具有dropdown-menu类的元素。所以你可以给每个菜单一个ref:

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

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