AngularUI Bootstrap Popover Flickers

zar*_*rax 6 css twitter-bootstrap angularjs

检查那个plunker示例:

Plunker

<body ng-app="app">
<div class="flexbox margin-top">
<div class="flexible"></div>
<div class="flexbox">
  <button class="btn btn-sm btn-success" popover-template="'template.html'" popover-placement="left">Click</button>
</div>
</div>
<script type="text/ng-template" id="template.html">
<div>
  <textarea>Some text, some text, some text</textarea>
  <button class="btn btn-sm">Update</button>
</div>
</script>
Run Code Online (Sandbox Code Playgroud)

当我单击该按钮时,弹出窗口会在页面左上角显示一小段时间,而不是它到达正确的位置.如何防止闪烁?

dja*_*aax 3

一个可能的解决方案是集成 Angular-animate 以启用淡入。只需插入<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.js"></script>head 并在 script.js 中注册模块:angular.module('app', ['ui.bootstrap', 'ngAnimate']);

请在此处查看演示:http://plnkr.co/edit/NJU9F9ETHe2qMczY8knl ?p=preview

希望能帮助到你!