爲MD-按鈕不起作用

Question

NG隱藏動畫我有簡單的CSS動畫效果：

.sample-show-hide { 
    -webkit-transition:all linear 1.5s; 
    transition:all linear 1.5s; 
} 

.sample-show-hide.ng-hide { 
    opacity: 0; 
} 

.sample-show-hide.ng-show { 
    opacity: 1; 
} 

我試圖動畫md-button它。動畫顯示效果不錯，但在隱藏時沒有效果。當我更改爲簡單<button>標記時，動畫適用於顯示/隱藏。有辦法解決它嗎？

Answer 1

ng-hide有屬性transition: none，請使用以下的css

.sample-show-hide { 
    -webkit-transition:all linear 1.5s !important; 
    transition:all linear 1.5s !important; 
} 

check on jsfiddle