2015-07-21 74 views
0

我正在使用ng-animate,我将它设置为依赖注入。那么,这是行不通的。AngularJS:淡出元素

HTML

<p ng-show="atSomeCondition" class="notice"> 
    Some message. 
</p> 

CSS

.notice { 
    -webkit-transition: all linear 2s; 
    transition: all linear 2s; 
    opacity: 1; 
} 

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

有什么建议?先谢谢你。

回答

1

您使用的角度/角度动画的版本是什么?我只是想你的代码在plunker和它似乎是做工精细:

http://plnkr.co/edit/aMLPgXUMmx5ZNtJfI91W?p=preview

这plunker使用版本1.4.3。

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular-animate.min.js"></script> 
+0

我的角度版本是1.3.15,动画版本1.4.3。在安装期间,它给了我一个警告“无法找到合适的角度版本,请选择一个。” –

+1

这就是你的问题。我改变了使用Angular 1.3.15和1.4.3的动画,并且动画不起作用。您可以使用动画1.3.15,或将它们都移动到1.4.3。这两个选项都有效。 – DWDuck

+0

感谢队友,全力工作。 –