2016-04-14 27 views
0

<ion-list> ve ile bir ToDo-List tarzı İyonik uygulamasına sahibim.İyonik CSS animasyonu cihazda çalışmıyor

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

animasyon tarayıcıda çalışıyor ancak cihazlar (android/ios) çalışmıyor:

<ion-items>

.ng-hide üzerinde folowing animation.css var. Uygulamayı Safari ile hata ayıkladığımda, sağ css ile .ng-hide düzgün eklendiğini görebiliyorum - böylece ngAnimate iyi çalışıyor gibi görünüyor.

Tüm webkit'lerle veya ngFX ile standart CSS animasyonu (no animate.css) kullanmayı denedim - hiçbir şey işe yaramıyor - animasyon her zaman tarayıcıda çalışıyor ancak iOS veya Android'de hiçbir zaman ateşlenmiyor.

Daha da iyi hale getirmek için: Kurulumu güncellemeden önce cihazlarda çalışır.

DÜZENLEME: Animasyonlar, normal bir sınıfa (.ng-hide değil) eklerseniz aygıtlarda çalışır - ancak öğeye .ng-hide eklenir.

Kaybettim! Sebebi ne olabilir?

Yardımlarınız için teşekkürler!

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 

cevap

İlgili konular