多くの複雑な JQuery DOM 操作と ASP.NET MVC バックエンドを備えた大規模な Web アプリケーションを、より管理しやすいものに変換し始めています。サーバー側のコードを REST API に変換しており、AngularJS を使用して UI を操作したいと考えています。
3 つの画面で構成されるアプリの 1 つの領域を変換することから始めます。1 つの画面で選択を行うと、新しい選択肢が表示され、前後に移動できます。ルートを使用することで、この動作を非常にきれいに実現することができました。各選択肢は とのリンクでhref='#/something...'あり、これにより、別のコントローラー/テンプレートをロードすることで UI 状態が変化します。
私は今、この遷移をアニメーション化しようとしています。この属性は、オプションとオプションを使用ng-animateしてほとんどの方法でそこに到達しますが、これらは実際には同時に起動します! 結果は視覚的に非常に紛らわしいものです。私が理想的に望むのは、次の一連のイベントを管理するためのクリーンな方法です。enterleave
- ユーザーが最初の画面でボタンをクリックする
- 最初の画面がアニメーションします
- 同時に、REST api に対して次の選択肢セットの要求が行われます。
- 前の 2 つの作業が完了すると、2 番目の画面がアニメーションで表示されます。
resolveへのパラメーターを使用することで、アニメーションなしでこれを実現できます$routeProviderが、アニメーションを適切に機能させる方法がわかりません! この種の状態を管理する正しいものは何ですか?