Question

我有一个带有<ion-list>和<ion-item ng-repeat>的ToDo-List样式离子应用。

<ion-items>确实拥有animation.css上的.ng-hide：

  -webkit-animation: flipOutX 0.3s;
  animation: flipOutX 0.3s;

动画在浏览器中工作正常，但在设备（android / ios）上不起作用。当我使用safari调试应用程序时，我可以看到正确添加了具有正确css的.ng-hide - 因此ngAnimate似乎正常工作。

我尝试过使用所有webkits或ngFX的标准CSS动画（没有animate.css） - 似乎没什么用 - 动画总是在浏览器中运行，但从未在iOS或Android上触发过。

为了让它变得更好：在我更新设置之前，它曾经在设备上工作。

编辑：如果我将动画添加到普通课程（不是.ng-hide），动画会在设备上发挥作用 - 但.ng-hide确实会添加到该项目中。

我不知所措！可能是什么原因？

感谢您的帮助！

这是我的设置：

Cordova CLI: 6.1.1
Gulp version:  CLI version 3.9.0
Gulp local:   Local version 3.9.1
Ionic Version: 1.2.4
Ionic CLI Version: 1.7.14
Ionic App Lib Version: 0.7.0
ios-deploy version: 1.8.5 
ios-sim version: 5.0.3 
OS: Mac OS X El Capitan
Node Version: v5.10.0
Xcode version: Xcode 7.3 Build version 7D175

Answer 1

原来这是inoic捆绑中的一个错误。详情请见此处： https://forum.ionicframework.com/t/angular-animations-nganimate-not-working-for-ionic-v1-2-4-angular-v1-4-3/41107/6

离子CSS动画无法在设备

1 个答案: