我的问题已经陈述过了，因此这是代码的小插曲：
http://plnkr.co/edit/p8LGG7STxjd8gFr2OJhy?p=preview
HTML ROI
<div class="check-element animate-show" ng-show="checked">
<span class="glyphicon glyphicon-thumbs-up"></span> I show up when your checkbox is checked.
</div>
和CSS之一
.animate-show {
-webkit-transition:all linear 0.5s;
transition:all linear 0.5s;
line-height:20px;
opacity:1;
padding:10px;
border:1px solid black;
background:white;
}
.animate-show.ng-hide {
line-height:0;
opacity:0;
padding:0 10px;
}
如您所见，我只是为ngShow拿了angularJs ngAnimate文档，并用angular和ngAnimate版本更改了插件，以匹配我所测试的版本。
有人对此有建议吗？
提前致谢。
问题是您还需要为ng-hide-add-active和添加类ng-hide-add-remove：
.ng-hide-add-active, .ng-hide-remove {
display: block !important;
}
否则，ng-hideclass会使元素立即消失，因为它具有很高的优先级（显示：none！important）。上面的类取消了此行为，从而使动画有机会应用其过渡规则。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句