web-dev-qa-db-ja.com

angular JSルートテンプレートがロードされたときにイベントをトリガーするにはどうすればよいですか?

angular routeがビューをレンダリングしたときにイベントをトリガーする方法を知っている人はいますか?アプリケーションをルーティングしたいのですが、レンダリングされたテンプレートの最後にトリガーしたいのですがビューを「開く」ようにスライドさせるイベント。これにより、ユーザーエクスペリエンスはそれほど厳しくなりません。リンクをクリックすると、ルートがすばやく変更されます。基本的に、ユーザーエクスペリエンスをよりスムーズにしたいです。

  1. 画像をクリックしてください
  2. アプリケーションをルーティングします(ただし、ビューには表示クラスがありません
  3. ビューの読み込みが完了したら、イベントをトリガーしたい
  4. イベントは、マークアップを下にスライドさせて開くリスナーをトリガーします。

何か案は?

18
Edgar Martinez

これはあなたが求めていることをしますか?

$scope.$on('$routeChangeSuccess', function () {
  // run some code to do your animations
});

http://docs.angularjs.org/api/ に移動し、$ route(LHSメニューの下ngRouteモジュール)

または、私が尋ねたこの質問を見てください.... AngularJS-ng-view遷移のアニメーション化

23
Greg