2015-09-12 8 views
6

チェック:私はボタンをクリックするとAngularUIブートストラップポップオーバーフリッカは例を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> 

、ポップオーバーは、より短い時間のためにページの左上隅に現れます正しい位置に移動します。どのように私はそのちらつきを防ぐことができますか?

答えて

3

可能な解決策は、角度アニメーションを統合してフェードインを有効にすることです。ただ、頭の中へ<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

はそれが役に立てば幸い!

+0

ありがとうございます – zarax

関連する問題