Question

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

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

Answer 1

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

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

希望它有所帮助！

AngularUI Bootstrap Popover Flickers

1 个答案: