Css AngularUI引导弹出框闪烁

Css AngularUI引导弹出框闪烁,css,angularjs,twitter-bootstrap,Css,Angularjs,Twitter Bootstrap,检查plunker示例: 点击 一些文字,一些文字,一些文字 更新 当我点击按钮时,弹出框会在页面的左上角出现一段短时间,然后会转到正确的位置。如何防止闪烁?一个可能的解决方案是集成角度动画以启用淡入。只需将插入头部并在script.js中注册模块:angular.module('app',['ui.bootstrap','ngAnimate') 请参见此处的演示: 希望有帮助 <body ng-app="app"> <div class="flexbox margin

检查plunker示例:


点击
一些文字,一些文字,一些文字
更新


当我点击按钮时,弹出框会在页面的左上角出现一段短时间,然后会转到正确的位置。如何防止闪烁?

一个可能的解决方案是集成角度动画以启用淡入。只需将
插入头部并在script.js中注册模块:
angular.module('app',['ui.bootstrap','ngAnimate')

请参见此处的演示:

希望有帮助

<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>