如何从元素中删除弹出框

时间:2014-10-31 00:58:13

标签: angularjs twitter-bootstrap angular-strap

当存在某种条件时,我正在为AngularJs指令中的元素指定一个角带弹出:

 var myPopover = $popover(element, { title: 'ERROR', content: ErrorMessage });

分配弹出窗口后,我找不到删除它的方法。我尝试再次分配弹出窗口,触发器选项设置为“手动”,但这没有任何效果。有什么想法吗?

 var myPopover = $popover(element, { title: '', trigger: 'manual' });

1 个答案:

答案 0 :(得分:0)

答案非常简单,我需要做的就是调用myPopover.destroy();我对指令中变量的范围感到困惑,并且没有意识到只要表单被实例化它就可以存在它仅适用于当前元素。

该指令的完整部分是:

            function showPopover() {
            if (!hasPopup) {
                pop = $popover(element, { title: 'ERROR', content: ErrorMessage });
            }
            hasPopup = true;
        }

        function removePopover() {
            if (hasPopup)
                pop.destroy();

            hasPopup = false;
        }