ng-enterとng-leaveのアニメーションスタッキングビュー

Question

私はAngularJS 1.5をngAnimateとngRouteで使用しています。 ngAnimateで変更された場合、 ng-viewをアニメーション化したいと思います。アニメーションの場合、animate.cssを使用しています。

アニメーションは基本的には動作しますが、ng-enterは、次に読み込まれるビューがすぐに現在のビューの最後に追加されるように、終了するために ng-leaveを待たないという問題があります。

この問題の既知の解決策はありますか？

Answer 1

は、$ rootScope にangur evensを使用できます。

$rootScope.$on('stateChangeSuccess', function(){ 
//your stuff 
}) 

その他のイベントもあります。

私は$ rootscopeを磨くことが一般的には良い選択肢ではないことを知っていますが、本当に必要ならばそれを使うことができます。

または

あなたが

を抽象状態を持っている場合は、親の状態から同様のイベントを上げ、$スコープと子の状態でそれらを聞くことができます。本当にアプリケーションのアーキテクチャに依存します。