Ng-Animate在AngularJS中不起作用？

我正在使用Phonegap和AngularJS開發移動應用程序。我目前只是在本地wampserver上進行開發和測試，以方便使用。Ng-Animate在AngularJS中不起作用？

我試圖讓我的ng-animate在我的ng-view上工作，以便爲類似移動應用的視圖製作動畫。我遵循的任何指南或我使用的任何代碼似乎都沒有做任何事情。沒有錯誤或動畫。

這裏是我當前的NG-視圖代碼：

<body ng-view ng-animate="{enter: 'view-enter', leave: 'view-leave'}"></body>

而且這裏是我爲NG-動畫當前CSS：

.view-enter, .view-leave { 
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s; 
    -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s; 
    -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s; 
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s; 
} 

.view-enter { 
    opacity:0; 
    left:100px; 
    width:100%; 
    position:absolute; 
} 
.view-enter.view-enter-active { 
    left:0; 
    opacity:1; 
} 

.view-leave { 
    position:absolute; 
    left:0; 
    width:100%; 
    opacity:1; 
} 
.view-leave.view-leave-active { 
    left:-100px; 
    opacity:0; 
}

然而，完全沒有錯誤或動畫。我在做什麼錯誤的任何想法或我如何獲得動畫工作？謝謝。

來源

2013-06-22 Jakemmarsh

你能確認你正在使用什麼版本的AngularJS嗎？通過ngAnimate動畫僅適用於不穩定的版本，而不是最新版本的1.0.7版本。 –

@MichalCharemza哇，你是對的...我在1.0.7上。剛剛升級到1.1.5，動畫即刻起作用。謝謝！ – Jakemmarsh

由於Michal Charemza，我指出了我的問題......我在AngularJS的最新穩定版本1.0.7上，ng-animate只在不穩定的版本中。我從here下載了1.1.5，上面的動畫代碼立即生效。

來源

2013-06-22 23:47:15 Jakemmarsh

謝謝，這個作品很棒！需要稍微調整一下動畫的感覺，但這個概念似乎有效。 – dmackerman

Ng-Animate在AngularJS中不起作用？

回答

相關問題