使用角度动画制作动画

Question

我使用.ng-hide将高度设置为0px

.ng-hide .bar {
  height: 0px;
}

然后当删除.ng-hide时，高度设置为5px;

.bar {
  transition: height linear 2.5s;
  border-width: 0px;
  margin: 0px;
  height: 5px;
}

然而，我没有看到任何转变发生。 （我希望结果如：http://www.w3schools.com/angular/tryit.asp?filename=try_ng_animation_css）

不确定我在这里缺少什么：

Plnkr：http://plnkr.co/edit/B5LBwKSmL13BOoGuBhSx?p=preview

Answer 1

从AngularJS的版本1.2开始，动画不再是核心的一部分。

因此，这意味着您必须将angular-animate.js文件包含到您的网页中，并引用应用程序模块中的ngAnimate模块

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.js"></script>


var app = angular.module('plunker', ['ngAnimate']);