Angularjs 在popover指令中避免闪烁

这个简单的指令功能：

function popoverHelp () {
    return {
        restrict: 'E',
        scope: {
            title: '@',
            text: '@'
        },
        templateUrl: 'popoverHelp.html'
    };

使用此模板：

<i class="fa fa-question-circle" popover="{{::text}}" popover-placement="top"
popover-title="{{::title}}" popover-trigger="mouseenter"></i>

第一次显示工具提示时导致闪烁。带有静态文本和无指令的相同HTML不会明显闪烁

• 铬：轻微闪烁
• Firefox:popover出现在不同的位置
• IE 11：弹出窗口闪烁打开和关闭

添加

ng斗篷

没有任何区别

如何减少或消除闪烁，并仍然使用模板

更新：

---

根据要求，我已尝试为此创建一个。不幸的是，我无法在那里复制该问题，并且popover与我在生产应用程序中看到的popover明显不同。

考虑到该问题无法在您创建的Plunk中复制，因此我们无法查看或解决该问题。我看到的避免闪烁的最简单解决方案是使用

他们的指令很简单，您已经在使用AngularJS和Bootstrap了。我会看看DynamicPoover设置，它是这样的：

<i class="fa fa-question-circle" uib-popover-template="dynamicPopover.templateUrl" popover-trigger="'mouseenter'"></i>

---

这也有助于跨浏览器标准化弹出窗口的外观

“闪烁”听起来像是浏览器的问题。您针对哪些浏览器进行了测试？您是否有用于演示此问题的示例的公共URL？请在代码中提供有效的JSFIDLE。我不知道您有哪种类型的“闪烁”，但我遇到了一个问题，即模板在屏幕的错误位置闪烁了几分之一秒，然后显示在正确的位置。我一直在寻找解决方案，最终帮助我更新了@CodeBob，我尝试了

ng-clope

，并相信CSS规则嵌入了angular.js中（它在早期加载）。闪烁不在页面加载上，而是在鼠标上方。