只有离开弹出应关闭弹出 - 如果点击内部或弹出不应该关闭它

Question

我在我的网页上有两个Div。一个是父div（Notification Icon），另一个div是弹出式（Notification Flyout）。目前Flyout显示/隐藏点击父div或点击飞出窗口内的按钮。

我怎样才能达到Flyout将被关闭（隐藏），当我点击（Flyout和父div之外的任何地方）？有没有事件机制已经提供？如果是的话，如何使用它？

我想做它的角度和没有对话框。

代码：

<md-icon md-font-icon="material-icons" class="md-icon-button">notifications</md-icon> 
<div class="notification-flyout" ng-show="activeNotification"> 
    <div data-ng-include src="'assets/ng-app/pages/notification/notification-template.html'"></div> 
<div> 
    <div class="notification-button" 
     ng-click="openNotifications()"> 
     View All Notifications 
    </div> 
</div> 

Answer 1

解决了

$(window).click(function() { 
    //Hide the menus if visible 
}); 

$('.notification-flyout').click(function(event){ 
    event.stopPropagation(); 
}); 

问题