角度ui-router animating子ステートは変更されますが、孫は変更されません

Question

私は、アブストラクトビューとネストされた子ビューを持つ角型アプリを持っています。メインビューの子の1人は抽象的なものであり、それ自身の子ビューもあります。

親の子の状態を変更すると、アニメーションは正常に機能しますが、孫の状態を変更してもアニメーションはありません。

開発者のツールを見ると、ng-enterクラスとng-leaveクラスは、子供の状態が変化したときに追加されますが、孫が変更されたときには追加されません。

ここには、動作を示すplunkerがあります。

Answer 1

これはあなたのCSSルールが書かれているか、あなたは.ng-enterとng-leaveの属性セレクタとUIビューをつかむが、要素として、あなたのhtmlの属性として、両方のUIビューディレクティブを宣言しているに関係しています。あなたはより多くのこのような何か行う必要があります。ここでは

ui-view.ng-enter, [ui-view].ng-enter { // animation } 

をごplunkr