Javascript 在某些情况下，是否停止关闭角UI引导下拉列表？

我有一个包含选项卡和按钮的下拉列表。我希望能够在不关闭下拉列表的情况下单击选项卡，但如果单击按钮，它将关闭

我使用$event.stopPropagation（）停止关闭，但显然这也会阻止按钮关闭它

---

有没有办法做到这一点？

默认情况下，如果单击下拉列表中的任何元素，下拉列表将自动关闭，您可以通过如下设置“自动关闭”选项来更改此行为：

始终

-（默认值）单击下拉列表的任何元素时自动关闭下拉列表

outsideClick

-仅当用户单击下拉列表之外的任何元素时，才会自动关闭下拉列表

禁用

-禁用自动关闭。然后，您可以使用

is open

手动控制下拉列表的打开/关闭状态。请注意，如果单击切换、按下esc键或打开另一个下拉列表，下拉列表仍将关闭

以下是一个示例：

行动
拆分按钮！

为什么不保留

stopPropagation（）

并在按钮的

ng单击中关闭下拉菜单？（并将下拉菜单上的
自动关闭
选项设置为
外部单击
或
禁用
）我在选项卡集上设置了StopRoPagation（），这将阻止一切。outsideClick似乎在我制作的plunker中起作用，但在我的应用程序中不起作用，奇怪的是，我使用angular ui引导程序0.13.0，移动到0.13.1使它再次起作用。我是一个已知的bug。你知道如何使用angular bootstrap v0.12.1实现这一点吗？我直接在中复制了您的代码，但它似乎不起作用。谢谢。我们可以在某些特定的li元素上禁用自动关闭吗？有没有一种方法可以做同样的事情，自动关闭外部单击，但在js中？我一直在尝试e.stopPropagation，但它不起作用。
    <div class="btn-group" dropdown auto-close="disabled">
      <button type="button" class="btn btn-danger">Action</button>
      <button type="button" class="btn btn-danger dropdown-toggle" dropdown-toggle>
        <span class="caret"></span>
        <span class="sr-only">Split button!</span>
      </button>
      <ul class="dropdown-menu" role="menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li><a href="#">Separated link</a></li>
      </ul>
    </div>