過渡效果不工作關閉模式

Question

當我使用下面的風格，使過渡效果：

.ng-hide .bar { 
    height: 0px; 
} 


.bar { 
    transition: all linear 0.5s; 
    border-width: 0px; 
    margin: 0px; 
    height: 5px; 
} 

的問題是，在關閉之後，箱，過渡效果不工作。 任何線索如何解決這個問題？

鏈接plnkr：http://plnkr.co/edit/B5LBwKSmL13BOoGuBhSx

Answer 1

是停止動畫的風格是：

.ng-hide:not(.ng-hide-animate) {display: none !important;} 

如果你刪除它，比你會得到其他問題。看看css的類名和這裏發生的事情，我有一個線索，你做到了這一切都是錯誤的。