2016-04-14 9 views
0

<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 

答えて

関連する問題