AngularJSルーティングを使用してJQueryMobileと同様のスライドトランジションを実現しようとしています。
JQuery Mobileはこちら:http://view.jquerymobile.com/1.3.0/docs/widgets/transitions/
このソリューションを活用するディレクティブを作成してみることができます:https ://stackoverflow.com/a/13661642/524511が、最初に既製のものがあるかどうかを尋ねたいと思いました。
AngularJSルーティングを使用してJQueryMobileと同様のスライドトランジションを実現しようとしています。
JQuery Mobileはこちら:http://view.jquerymobile.com/1.3.0/docs/widgets/transitions/
このソリューションを活用するディレクティブを作成してみることができます:https ://stackoverflow.com/a/13661642/524511が、最初に既製のものがあるかどうかを尋ねたいと思いました。
アニメーションのサポートは、バージョン1.1.4以降のコアAngular.JSライブラリに導入されました(このアップデートの時点では、現在安定しています)。
これはリリースの公式発表です。また、機能を示すYoutubeビデオを埋め込みます。
http://blog.angularjs.org/2013/04/angularjs-106-universal-irreversibility.html
。
Angular-UIのものを試すことができます。
ここでは、2つの主要なコンポーネントが役立ちます。
アニメーション化。必要な処理を直接実行する必要があります
http://angular-ui.github.io/#/directives-animate
jQueryパススルー(これをまとめるのは非常に難しいかもしれませんが)
http://angular-ui.github.io/#directives-jq
注:
リンクが機能しない場合は、[ディレクティブ]メニューからリンクを選択してみてください。私がこの答えを書いたとき、彼らは私のために働いているようには見えませんでした。Angular自身のサイトの1つでルーティングが期待どおりに機能しないのはおかしいです!
これは役立つかもしれません:
https://github.com/sthomp/angular-slidenav.js
http://mgcrea.github.io/angular-strap/##asides
私は最初のものを使用しました。非常にシンプルで、スライドトランジションを取得するために追加のライブラリは必要ありません。