Angularjs ngAnimate模块的安装不起作用

Angularjs ngAnimate模块的安装不起作用,angularjs,ng-animate,Angularjs,Ng Animate,我似乎无法让ng animate在现有的1.2应用程序中工作。我遵循了API中的检查列表,但它没有应用适当的动画类 我觉得我在安装过程中一定错过了一些愚蠢的东西。以下是我所做的: 1-我正在将角度动画和角度动画加载到我的文档头部: <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script> <!-- load angular --> <sc

我似乎无法让ng animate在现有的1.2应用程序中工作。我遵循了API中的检查列表,但它没有应用适当的动画类

我觉得我在安装过程中一定错过了一些愚蠢的东西。以下是我所做的:

1-我正在将角度动画和角度动画加载到我的文档头部:

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script> <!-- load angular -->
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-animate.js"></script> <!-- load angular animate -->
就这样!它应该工作正常吗?使用ng show时,我得到的只是ng hide类。我本来也希望得到ng hide add和ng hide remove类,但什么都没有改变


我错过了什么?谢谢你的帮助。

设置CSS规则来处理动画;否则,在检查元素时,您将看不到预期对类所做的更改

例如:

.ng-hide-add,
.ng-hide-remove {
  transition:0.5s linear all;

  display:block!important;
  opacity:1;
}
.ng-hide {
  opacity:0;
}

我不认为这算是一个答案,但如果我使用angular的beta版(1.3.0-beta.5),它就可以正常工作。我仍然想知道为什么稳定版本不能正常工作,但是beta版本是…

如果您使用的是
ui视图而不是
ng视图
,那么您可能需要将
ng animate children属性
添加到
ui视图
标记中,在该标记中加载
html模板
。例如:

<ui-view ng-animate-children></ui-view>

它对我起作用了,因为我无法设置
ng repeat
的动画。一旦我添加了这个
属性
,动画就开始了


希望这有帮助。祝你好运。

Marc,我已经设置了这样的css规则,但它们没有做任何事情,因为类“ng hide add”和“ng hide remove”甚至没有附加到对象上。不确定我会做错什么…我写这个答案的原因是:如果你不设置CSS规则,这些类就不会被添加/删除。查看我在答案中包含的Plunker,您将看到动画正在使用您提供的版本工作。把你的代码和它比较一下,看看有没有明显的区别。哇!我不知道+1马克,谢谢你:)。不幸的是,它仍然不想在我的应用程序上工作,除非我使用测试版。我试着将你的css规则复制到我的文档中,但仍然没有看到任何变化。
<ui-view ng-animate-children></ui-view>