ngAnimateを使用している場合、ng-ifによる要素の削除が遅れる

ngAnimateがアプリケーションに注入されたときにng-ifまたはng-showでDOMから要素を削除すると、それ以外は発生しません。ngAnimateを使用している場合、ng-ifによる要素の削除が遅れる

var app = angular.module('app', ['ngAnimate']);

ですが、なぜでしょう、と私はそれをどのように修正するのですか？

おそらく、問題の要素/クラスのどこかでCSSの遷移が起こっている可能性があります。 – Phil

私はあなたが含むsemantic.cssでこれが起こっていると確信しています。 –

ngAnimateが注入されていない場合は発生しません。 ngAnimateを削除すると、semantic-uiの有無にかかわらず期待どおりに機能することがわかります。 –

これは問題を回避するためのハックですが、<div></div>のボタンをラッパーのng-ifにラップするとすぐに読み込まれます。 https://plnkr.co/edit/PGZgrKzZHO7GSCkwfP23?p=preview

2016-06-15 01:21:47 forrestmid

-1

問題はsemantic.min.cssファイルにあります。その行を削除すると、もはやちらつきが見えなくなります（もちろん、スタイリングもしません）。これは、semantic-uiがng-animateによって取得されているいくつかのトランジションを追加していることを意味します。

実際には、uiクラスが問題を引き起こしているようです。そのクラスを削除すると、ちらつきも消えます（スタイリングと同様）。

これはそれだけではあまり役に立ちませんが、角度とセマンティックUIの交差点にある問題を指摘しています。

2016-06-15 02:09:55

答えて