Question

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

在角度方面，有ng-blur指令。我将ng-blur添加到了我的按钮。当我点击下拉列表中的某些内容时，它似乎会触发ng-blur。

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

＆＃13;

<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>

＆＃13;

这里是Plunker Demo，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事件之前。要在模糊事件之前触发click事件，我可以使用ng-mousedown，这发生在blur事件之前。我的问题解决了。

如何在下拉按钮中使用角度js实现点击离开功能

1 个答案: