angularjs - 如何防止angular-bootstrap下拉菜单关闭(由指令绑定(bind)的Unbind事件)

我正在使用Angular-Bootstrap下拉列表。我想阻止它在用户单击之前关闭，直到用户有意关闭它为止。

默认状态为:单击文档中的某个位置时，下拉菜单关闭。

我确定了相关的代码行:(第12行，dropdown.js)

this.open = function( dropdownScope ) {
   if ( !openScope ) {
     $document.bind('click', closeDropdown); // line to unbind
     $document.bind('keydown', escapeKeyBind);
   }
}

您可以在此处找到完整的代码:Link to Github

我不想更改angular-bootstrap的原始来源，以使我的项目保持打开状态以进行更新。

我的问题:

如何在Angular Controller中将指令绑定(bind)的事件解除绑定(bind)到文档？

最佳答案

我通过在下拉菜单中添加以下内容解决了这一问题。这可以防止下拉菜单关闭，除非您单击打开它的标签

<ul class="dropdown-menu" ng-click="$event.stopPropagation()">