AngularJS 1.2-ngAnimate不工作

我不熟悉使用AngularJS 1.2制作ng动画。我不确定为什么我的ng animate在某个类名下不起作用，但在我在示例中看到的简单淡入默认情况下起作用

在本例中，我尝试将ng animate类设置为“动画”：

但是当我使用默认设置，并且我的动画类名为“.ngenter”和“.ngleave”时，淡入动画似乎工作正常

---

任何帮助都将不胜感激，谢谢

1.2中不推荐使用ng animate属性

在1.2中，使用特殊的命名约定定义适当的CSS类。如果想要一个特定的名称，如“animation”，则需要将该类添加到要设置动画的元素中

只要您有正确的CSS类，一些指令就会自动设置动画。您可以在这里找到哪些选项：

这就是在第二个示例中仅定义“.ng enter”类时动画工作的原因。但是，这将自动设置所有支持enter动画的指令的动画

我已经更新了您的第一个示例，使其与名为“animation”的类一起工作：

HTML:

---

Plunker:

正如Tasse所说的ng animate不受欢迎，我们需要使用该类。 如果您是从angularjs网站复制CSS，则需要以特定格式修改这些CSS

---

要查看完整的详细信息，请务必记住将动画模块作为依赖项添加到模块定义中。以防万一，其他人在动画制作方面遇到问题，但没有这样做

angular.module('myApp', ['ngAnimate']);

---

必须检查angular.min.js的版本是否与angular animate.min.js的版本匹配。

---

我的问题是这样解决的。

这是对公认答案的补充，适用于那些试图使用

ng show

指令为元素设置动画的人。以下是必须使用的样式：

.animation.ng-hide-remove {
  transition:2s linear all;
  opacity:0;
}

.animation.ng-hide-remove.ng-hide-remove-active {
  opacity:1;
}

请注意，并非所有角度指令都会添加

ng enter、ng enter active、ng leave和ng leave active

。例如，

ng show

指令在动画开头添加

ng hide remove

，在动画结尾添加

ng hide remove active

。有关更多详细信息，请访问此链接：

---

Dan Wahlin在被问及他的意见时提到了这篇文章。看一看，这就是语法！我正在使用bootstrap angular ui的警报，这会使传入的警报淡入。当我单击“关闭”时，它会淡出。我实际上希望警报显示出来，然后在一段时间后移到屏幕左侧。然后，将其从dom中删除，或者最好调用控制器函数。知道如何处理dom移除部分吗？取决于您的用例。如果您使用的是

ng repeat

，则当您将其从关联集合中删除时，它将自动从DOM中删除。示例：感谢您发布此消息！！！我使用npm安装angular animate，它安装了1.5测试版。在用1.3.8版本的动画替换该版本后，我开始工作。@GaryEberhart:很高兴能帮上忙！！谢谢你，伙计。动画为1.5.3，角度为1.5.0。。。真是浪费时间

angular.module('myApp', ['ngAnimate']);

.animation.ng-hide-remove {
  transition:2s linear all;
  opacity:0;
}

.animation.ng-hide-remove.ng-hide-remove-active {
  opacity:1;
}