md-button 的 ng-hide 动画不起作用

Question

我有简单的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> 标签时，动画适用于 show/hide。有办法解决吗？

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

md-button 的 ng-hide 动画不起作用

ng-hide animation for md-button not working

angularjs

angular-material