Css 使用角度动画设置动画

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

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

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

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

然而，我没有看到任何转变发生。 （我预计结果如下：）

不确定我在这里遗漏了什么：

---

Plnkr:

从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']);


var app=angular.module（'plunker'，['ngAnimate']）；
从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']);


var app=angular.module（'plunker'，['ngAnimate']）；
出于某种原因，我认为包括ngAnimateoptional@runtimeZero做了一点研究，看起来从1.1.5版到1.2版的ng animate与AngularJS内核分离了，所以你必须自己包含它，因为我认为包含ngAnimate是一个很好的选择optional@runtimeZero做了一点调查，结果看起来从版本1.1.5到1.2
ng animate
与AngularJS核心分离，因此您必须自己包含它