我想在我的应用程序中使用下拉按钮,我正在使用
angularjs.当我单击下拉按钮并单击时,我希望下拉列表消失.
在角度方面,有一个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.
解决方法
参考以下stackoverflow：
Using ng-blur and ui-sref doesn’t work as expected,似乎click事件发生在blur事件之前.要在模糊事件之前触发click事件,我可以使用ng-mousedown,这发生在blur事件之前.我的问题解决了.
