AngularJS路線變化發生在ng-leave動畫完成之前

Question

我使用下面的css代碼來動畫我的ui-view變化。

.fadein.ng-enter, 
.fadeout.ng-leave { 
    -webkit-transition: all linear 1s; 
    -moz-transition: all linear 1s; 
    -o-transition: all linear 1s; 
    transition: all linear 1s; 
    display: block !important; 
} 

.fadein.ng-enter { 
    opacity: 0; 
} 

.fadeout.ng-leave { 
    opacity: 1; 
} 

.fadein.ng-enter.ng-enter-active { 
    transition-delay: 1s; 
    opacity: 1; 
} 

.fadeout.ng-leave-active { 
    opacity: 0; 
} 

，並在這裏被應用到ngview：

<div ui-view class="fadein fadeout"></div> 

然而，路線改變（由$ state.go（ 「home.dashboard」），例如發起的）總是會發生的，我的前ng-leave動畫甚至開始（淡出動畫）。

我試過加入 transition-delay：1s; 屬性，但動畫仍然未執行。

Answer 1

我不知道爲什麼，但添加

position: absolute; 

到我的用戶界面視圖的div解決的問題。