加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – 如何在下拉按钮中使用角度js实现click away功能

发布时间:2020-12-17 16:57:09 所属栏目:安全 来源:网络整理
导读:我想在我的应用程序中使用下拉按钮,我正在使用 angularjs.当我单击下拉按钮并单击时,我希望下拉列表消失. 在角度方面,有一个ng-blur指令.我将ng-blur添加到了我的按钮.当我点击下拉列表中的某些内容时,它似乎会触发ng-blur. 我无法点击下拉列表中的内容.我试
我想在我的应用程序中使用下拉按钮,我正在使用 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事件之前.我的问题解决了.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读