关闭所有角JS引导popovers与点击屏幕上的任意位置？ [英] Close all Angular JS Bootstrap popovers with click anywhere on screen?

问题描述

我用角指令的引导。

我有酥料饼作为他们的榜样：

 ＆LT;！你好，世界按钮酥料饼=酥料饼标题=标题级=BTN BTN-默认NG-范围＆GT;动态酥料饼＆LT; /按钮＆GT;
 

当你点击按钮再次关闭它。我想关闭它 - 以及其他任何打开popovers - 当用户点击任意位置

我没有看到一个内置的方式做到这一点。

解决方案

  angular.element（document.body的）.bind（'点击'，功能（E）{
    VAR弹出= document.querySelectorAll（'酥料饼。'）;
    如果（弹出）{
        对于（VAR I = 0; I＆LT; popups.length;我++）{
            VAR弹出=弹出[I]
            VAR popupElement = angular.element（弹出式）;            如果（popupElement [0]。previousSibling！= e.target）{
                popupElement.scope（）$ parent.isOpen = FALSE。
                popupElement.remove（）;
            }
        }
    }
}）;
 

I am using the Angular directives for bootstrap.

I have a popover as in their example:

<button popover="Hello, World!" popover-title="Title" class="btn btn-default ng-scope">Dynamic Popover</button>

It closes when you click on the button again. I'd like to close it -- and any other open popovers -- when the user clicks anywhere.

I don't see a built-in way to do this.

解决方案

angular.element(document.body).bind('click', function (e) {
    var popups = document.querySelectorAll('.popover');
    if(popups) {
        for(var i=0; i<popups.length; i++) {
            var popup = popups[i];
            var popupElement = angular.element(popup);

            if(popupElement[0].previousSibling!=e.target){
                popupElement.scope().$parent.isOpen=false;
                popupElement.remove();
            }
        }
    }
});

这篇关于关闭所有角JS引导popovers与点击屏幕上的任意位置？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！