angular中点击页面任意地方让显示的元素消失

页面上用指令ng-show来控制元素显示隐藏

定义一个变量show

 $(document).on("click",function(e){
    var divTop = $('.bodyPop'); // 要隐藏的父标签
     if(!divTop.is(e.target) && divTop.has(e.target).length === 0){
         $scope.show = false; //控制隐藏元素的变量
         $scope.$apply();//数据更新
     }
});
注：如果点击消失的元素是依靠点击某个元素才显示的，要注意阻止事件冒泡