Question

我似乎无法在现有的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 -->

2 - 我在我的app声明中添加模块作为依赖项：

var app = angular.module('app', ['mainCtrl', 'mainService', 'ngRoute', 'ngAnimate', 'sortable', 'services.breadcrumbs']);

那就是它！它应该正常工作？使用 ng-show 时我得到的只是 ng-hide 类。我期待获得ng-hide-add和ng-hide-remove类，但没有任何改变。

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

Answer 1

设置CSS规则来处理动画;否则，当您检查元素时，您将看不到您对该类所期望的更改。

示例：

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

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

Demo

Answer 2

我不认为这应该算作答案，但如果我使用angular的beta版本（1.3.0-beta.5），它就可以正常工作。我仍然想知道为什么稳定版本不能正常工作，但测试版本是......

Answer 3

如果您使用ui-view代替ng-view，则可能需要将ng-animate-children attribute添加到ui-view正在加载html template的代码中。例如：

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

它对我有用，因为我无法为ng-repeat制作动画。一旦我添加了这个attribute，动画就开始了。

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

ngAnimate模块的安装不起作用

3 个答案: