Question

我在手机屏幕应用中添加了几个ng-view动画（棱角v 1.1.5）。当他们使用涟漪和将移动电话的浏览器（在这种情况下为机器人镀铬）指向在线应用程序时，它们在浏览器中运行良好，但是当安装了phonegap时，动画不会运行。我不确定问题是关于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.460, 0.450, 0.940) 1.5s;
  -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 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;
}

同样，这些功能在手机的浏览器中运行得很好，而不是在手机屏幕应用程序内部。使用Adobe build构建应用程序。我也正在获取css并在页面上显示以确认实际的css文件包含在phonegap构建中（它是）。

根据用户的一条评论，这里是HTML。其余部分由angular的默认动画处理。它们在浏览器中运行时工作正常，但在phonegap中运行时则不行。路由工作，ng-view被更改，但动画永远不会发生。

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


     </div>

在Nexus 4上测试。

Answer 1

您可以查看CocoonJS（适用于Cordova）或Crosswalk作为路径，以便在旧版Android上部署时加快与浏览器相关的各种缓慢行为。

Answer 2

这绝对是Android 4.2股票浏览器的问题。第一个线索是它在桌面和Chrome中运行良好，但在Phonegap中没有 - InAppBrowser使用Android的股票浏览器。

在Android 4.2中支持动画（以及一般的HTML5）非常糟糕。这是这些怪癖的handy rundown。

希望自6月以来你已经能够升级你的Android版本了！

Angular Animations和Phonegap无法在移动设备上运行

2 个答案: