Angular动画和Phonegap未在移动设备上运行

前端之家收集整理的这篇文章主要介绍了Angular动画和Phonegap未在移动设备上运行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经添加了几个ng视图动画(有角度的1.1.5)到一个手机应用程序。在浏览器中使用纹波测试时,并且将手机浏览器(在这种情况下为android chrome)指向应用程序时,它们在浏览器中工作得很好,但是当安装了phonegap时,动画就不会运行。我不知道问题是与电话空隙或有角度的。起初我以为这只是动画太快,所以我把它放慢了1.5秒,但是这个应用没有改变。

这是一个电话差距问题,一个有角度的问题和/或我们如何使用这些?

CSS定义动画:

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

.view-enter {
  opacity:0;

}
.view-enter.view-enter-active {

  opacity:1;
}

.view-leave {

  opacity:1;
}
.view-leave.view-leave-active {
  left:-100px;
  opacity:0;
}

再次,这些工作在手机的浏览器中很好,只是当它在phonegap应用程序中时。使用Adobe构建应用程序。我也正在抓取CSS并显示页面上,以确认实际的css文件包含在phonegap构建(它是)。

每一个用户评论,这里是HTML。其余的由角度的默认动画处理。它们在浏览器中运行时工作正常,但在电话空间内运行时则不工作。路由工作,ng视图被更改,但动画永远不会发生。

<div class="container-fluid" id="viewer" ng-view ng-animate="{enter: 'view-enter',leave: 'view-leave'}" >


     </div>

在Nexus 4上测试。

您可以查看 CocoonJS(与Cordova合作)或 Crosswalk作为路径,以加速在旧版Android上部署时的各种浏览器相关的缓慢。

猜你在找的Angularjs相关文章