只有点击弹出窗口才能关闭弹出窗口 - 如果在里面点击或在弹出窗口点击它不应该关闭它

Question

我的页面上有两个Div。一个是父div（通知图标），另一个是弹出窗口（Notification Flyout）。当前Flyout会在点击父div或单击Flyout窗口内的按钮时显示/隐藏。

当我点击离开（Flyout和父div之外的任何地方）时，如何实现Flyout将被关闭（隐藏）？是否已提供任何事件机制？如果是，如何使用它？

我想以角度方式进行，没有对话框。

代码：

<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();
});