angularjs - 如何在下拉按钮中使用angular js实现点击功能

Question

我想在我的应用程序中使用下拉按钮，我正在使用 angularjs .当我单击下拉按钮并单击离开时，我希望下拉列表消失。

在 angular 中，有一个 ng-blur指令。我将 ng-blur 添加到我的按钮中。当我单击下拉列表中的某些内容时，它似乎触发了 ng-blur。

我无法单击下拉列表中的内容。我试图在外面添加一个 div 并为整个 div 添加 ng-blur 但它仍然不起作用。我没有使用 angularstrap bs-select, ng-options 因为我想在下拉列表中选择时进行数据调用。如何为下拉按钮实现点击离开功能？没有必要使用 ng-blur。
谢谢。

<div class="btn-group">
   <button type="button" class="btn btn-default" ng-blur="closedropdownlist">Default</button>
      <span class="caret"></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>

这是它的 Plunker 演示， http://plnkr.co/edit/OuiZqajYD3ZdrOwSLLSn?p=preview
当我点击远离下拉按钮时，我希望下拉列表消失。我还想在下拉列表中启用 ng-click 功能。所以我没有使用 ng-options 和 ng-model。

Answer 1

引用以下stackoverflow:Using ng-blur and ui-sref doesn't work as expected ，看来click事件发生在blur事件之前。要在模糊事件之前触发点击事件，我可以使用 ng-mousedown，这发生在模糊事件之前。我的问题解决了。