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上测试。