angular2 - angularjs 点击空白处关闭

问题描述

问 题

我有两个div，一个大的是全屏的，一个小的。我想要实现的效果是点击大的和小的之间的空白处，就能够做到关闭这两个div。我的代码如下：

<div id="zoom" ng-show="showZoom" class="ng-hide" style="background: rgba(0,0,0,0.5)" align="center">
                   
    <div style="width: 900px">
       <input type="button" value="close" ng-click="closeZoom()">
    </div>
                   
</div>

我现在点击close button可以关闭整个id为zoom的div。我想能够点击两个div之间的空间也达到这样的效果。不知道angular或者boostrap里面有没有相应的指令？

解决方案

之前做过一个、父容器做点击消失、子容器做一个阻止冒泡就可以了

http://jsrun.net/BGpKp/show

能看到吗？
点击白色不会消失、点击蒙版会消失、白色是蒙版的子容器

这篇关于angular2 - angularjs 点击空白处关闭的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！