我正在使用Phonegap和AngularJS开发移动应用程序。目前为了方便,我只在本地wampserver上进行开发和测试。
我正在尝试使ng-animate
在我的ng-view
上工作,以便像移动应用程序一样动画切换视图。但是我遵循的任何指南或使用的任何代码似乎都没有起作用。没有错误或动画效果。
以下是我的当前ng-view代码:
<body ng-view ng-animate="{enter: 'view-enter', leave: 'view-leave'}"></body>
这是我的当前ng-animate的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;
}
然而,没有任何错误或动画。有什么想法我做错了什么或者如何让动画工作?谢谢。