Javascript Ng动画不在AngularJS中工作?

Javascript Ng动画不在AngularJS中工作?,javascript,css,angularjs,ng-animate,Javascript,Css,Angularjs,Ng Animate,我正在使用Phonegap和AngularJS开发一个移动应用程序。我目前正在本地wampserver上开发和测试,以方便使用 我正在尝试让ng animate处理我的ng视图,以便为类似移动应用程序的视图更改设置动画。我遵循的任何指南或使用的任何代码似乎都没有任何作用。没有错误或动画 以下是我当前的ng视图代码: <body ng-view ng-animate="{enter: 'view-enter', leave: 'view-leave'}"></body&g

我正在使用Phonegap和AngularJS开发一个移动应用程序。我目前正在本地wampserver上开发和测试,以方便使用

我正在尝试让
ng animate
处理我的
ng视图
,以便为类似移动应用程序的视图更改设置动画。我遵循的任何指南或使用的任何代码似乎都没有任何作用。没有错误或动画

以下是我当前的ng视图代码:

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

然而,没有任何错误或动画。有没有关于我做错了什么或者如何让动画工作的想法?谢谢。

多亏了Michal Charemza,我的问题才被指出。。。我使用的是AngularJS的最新稳定版本1.0.7,而ng animate仅在不稳定版本中使用。我从下载了1.1.5,上面的动画代码立即生效。

你能确认你使用的是什么版本的AngularJS吗?通过ngAnimate制作的动画仅在不稳定版本中可用,而在最新稳定版本的1.0.7版本中不可用。@MichalCharemza哇,你说得对。。。我在1.0.7上。刚升级到1.1.5,动画立即生效。非常感谢。谢谢,这个很好用!需要对动画的感觉进行一些调整,但这个概念似乎可行。
.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;
}