ngAnimateSwapの制限

Question

ngAnimateSwapを使用して要素を水平方向、垂直方向に変換しました。しかし、このような不透明度などのサポートされているアニメーションの他のタイプの、ある（フェードイン、フェードアウトは？）私が代わりにtop値のopacityを使用するには、ここanimateSwapを表示されます例を変更すると、その後、アニメーションが発生していない

。これは期待されていますか？

Answer 1

opacityを使用して作業を開始できました。あなたはcssで遊んで、css要素が何をしているのか理解していなければなりません。 Here's a plunkrのanimateSwapは、opacityの遷移と共に使用される。

オリジナルのCSSは次のとおりです。

.swap-animation.ng-enter { 
    top:-250px; 
} 
.swap-animation.ng-enter-active { 
    top:0px; 
} 
.swap-animation.ng-leave { 
    top:0px; 
} 
.swap-animation.ng-leave-active { 
    top:250px; 
} 

私は次のようにそれを変更し、私は今、クロスフェードがうまく働いています：

.swap-animation.ng-enter { 
    top:0px; 
    opacity:0; 
} 
.swap-animation.ng-enter-active { 
    top:0px; 
    opacity:1; 
} 
.swap-animation.ng-leave { 
    top:0px; 
    opacity:1; 
} 
.swap-animation.ng-leave-active { 
    top:0px; 
    opacity:0; 
}