角度ui引导警报中的动画

Question

是否可以为angular ui bootstrap提供的警报添加动画？ 我特别感兴趣的是，在它自动淡出之前会暂停一段时间的警报。

Answer 1

当然，我创建了以下类来做到这一点：

.alert.ng-hide-add,
.alert.ng-hide-remove {

    -moz-transition: 0.5s linear all;
    -o-transition: 0.5s linear all;
    -webkit-transition: 0.5s linear all;
    transition: 0.5s linear all;

    display: block !important;
    opacity: 1;
}


.alert.ng-hide {
    opacity: 0;
}

可以找到动画ng-hide指令的文档here，请参阅动画部分。