角度アニメーションと携帯電話がモバイルで実行されていません

Question

私はいくつかのng-viewアニメーション（角度v 1.1.5）をphonegapアプリケーションに追加しました。リップルと携帯電話のブラウザ（この場合はアンドロイドクロム）を使ってアプリケーションをオンラインでテストすると、ブラウザでうまく動作しますが、phonegapと一緒にインストールするとアニメーションが実行されません。私は問題が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.460, 0.450, 0.940) 1.5s; 
    -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s; 
    transition:all cubic-bezier(0.250, 0.460, 0.450, 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ファイルがphonegapビルドに含まれていることを確認するために、CSSをフェッチしてページに表示しています（それはです）。

ユーザーのコメントの1つで、ここにHTMLがあります。残りは、角度のデフォルトアニメーションによって処理されます。彼らはブラウザで実行するとうまく動作しますが、phonegapの内部では動作しません。ルーティングは動作し、ng-viewは変更されますが、アニメーションは決して発生しません。

<div class="container-fluid" id="viewer" ng-view ng-animate="{enter: 'view-enter', leave: 'view-leave'}" > 


    </div> 

ネクサスでテスト

4.

Answer 1

これは間違いなくアンドロイド4.2の株式ブラウザの問題です。最初の手がかりは、デスクトップとChromeではうまく動作するが、Phonegapではうまくいきません.InAppBrowserはAndroidのストックブラウザを使用します。

Android 4.2では、アニメーション（一般的にはHTML5）のサポートはかなりひどいものでした。これらの癖のhandy rundownがあります。

6月からあなたのAndroidバージョンをアップグレードしていただきたいと思います！

Answer 2

古いAndroidで展開するときに、ブラウザに関連するすべての速度低下を早めるために、（）をパスとして調べることがあります。