触发ionic弹窗区域外的方法
最近项目需要在页面弹窗的时候需要点击弹窗区域外的地方,其实也就是点击页面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",
});
}
【推荐】2025 HarmonyOS 鸿蒙创新赛正式启动,百万大奖等你挑战
【推荐】博客园的心动:当一群程序员决定开源共建一个真诚相亲平台
【推荐】开源 Linux 服务器运维管理面板 1Panel V2 版本正式发布
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步