触发ionic弹窗区域外的方法

2018-07-20 06:15:43来源：博客园阅读 ()

最近项目需要在页面弹窗的时候需要点击弹窗区域外的地方，其实也就是点击页面HTML就可以关闭弹窗，

首先在controller通过js获取到html的dom节点，然后绑定点击事件，话不多说上代码：

var htmlEl = angular.element(document.querySelector('html'));

 htmlEl.on('click', function (event) {

 　　if (event.target.nodeName === 'HTML') {

 　　　　if (myPopup) {

 　　　　　　myPopup.close();

}

}

});

var myPopup；

$scope.myPP=function(){
 　　myPopup=$ionicPopup.show({
 　　　　template:"Hello world",
 　　　　scope:$scope,
　　 　　title:"Tips",
　　 });
}

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

热门词条

最新资讯

热门关注

热门标签