TMをまだ「理解」していないか、命名法が逆になっているため、AngularJS アニメーションの設定にいつも苦労しています。きっと前者です。
たとえば、次の CSS は機能します。要素は、表示されると左から飛び込み、非表示になると左に戻ります。
.fly-from-left {
transition:all linear 0.2s;
left:4px
}
.fly-from-left.ng-hide-remove { // this is the start point of the show animation
left: -20px;
}
.fly-from-left.ng-hide { // this is the endpoint of the hide animation
left: -20px;
}
しかし、私が得られないのは、ショーアニメーションを担当するセレクターが ng-hide-remove と呼ばれる理由です。誰かが命名法を明らかにすることができれば、将来的にアニメーションの設定がはるかに簡単になるでしょう.