動畫使用角有生

Question

我使用.ng隱藏設置高度爲0px

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

，然後當.ng隱藏是除去高度被設定爲5像素;

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