<ion-list>
と<ion-item ng-repeat>
のToDo-Listスタイルのイオニアアプリがあります。Ionic CSSアニメーションがデバイスで動作しない
-webkit-animation: flipOutX 0.3s;
animation: flipOutX 0.3s;
アニメーションがブラウザで正常に動作しますが、デバイス(アンドロイド/ IOS)上では動作しません:
<ion-items>
は.ng-hide
にfolowingを持っています。 サファリを使ってアプリをデバッグすると、右のCSSが正しく追加されているので、.ng-hide
が正しく追加されていることがわかります。したがって、ngAnimateは問題なく動作しているようです。
すべてのウェブキットまたは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