任意のCSSアニメーションプロパティで

Question

をNG-ショー/ NG-非表示を使用しながら、フリッカ問題が来て、私は次のプロパティを持つクラスmyBtnです3つのボタンがあります： -

.myBtn {

transition: all 0.2s ease-in-out; 
    -webkit-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -ms-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    color: red; 
    background: white; 
} 

私が初めて追加ボタンを示し、その他の編集を非表示にして、ボタンを削除しています私のコントローラで

<button class="myBtn " data-ng-show="view.showAdd">Add</button> 
<button class="myBtn " data-ng-show="view.showEdit">Edit</button> 
<button class="myBtn " data-ng-show="view.showDelete">Delete</button> 

以下のように、私は、ビューに3つのボタンがあります。しかし、編集と削除のボタンは、初めて数秒間表示されます。

$ scope.view = {

showAdd: true, 
    showEdit: false, 
    showDelete: false 

}

それは問題を解決された。しかし、私はNG-ショーを選択するには、いくつかの他の機能を持っている私があればNGを、使用していた場合。

この問題を解決するにはどうすればよいですか？事前

Answer 1

で

おかげで多くの時間を過ごした後、私は、そのための移行の結論すべてのプロパティを来て、それが表示なし/ブロックのために働いています。

NGショー及びNG非表示が内部的には、遷移効果を示すように、表示ブロック/なしを使用していない作業します。そして、私はちらつきの問題を得ています。

だから、解決策は 削除遷移プロパティかNG-かの他の使用のいずれかです。この情報を共有していると考え

....

でNG-場合、問題は解決し得ていないされても。それは初めて働いています。しかし、もう一度それを隠したいときは、フリッカーの問題を示しています。 だから私は以下のような表示プロパティの移行プロパティをオーバーライド： -

 transition: display 0s; 
    -webkit-transition: display 0s; 
    -moz-transition: display 0s; 
    -ms-transition: display 0s; 
    -o-transition: display 0s; 

それは、他の機能の破損を私に正しい結果を与えません。

は、それが

おかげで、すべての

他人のために有用であることを願っています