web-dev-qa-db-ja.com

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

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

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

何か案は？

javascriptjqueryangularjsangularjs-directive
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