加载 Angular JS 路由模板后如何触发事件 [英] How can I trigger an event when an angular JS route template has been loaded

问题描述

有谁知道如何在角度路线呈现其视图时触发事件?我想路由应用程序，并在呈现模板的末尾我希望它触发一个事件来滑动视图打开"，这样用户体验就不会那么苛刻.当你点击一个链接时，路线会很快改变.我基本上想让用户体验更流畅.

Does anyone know how to trigger an event when an angular route has rendered its view? I'd like to route the application and at the end of the template being rendered I would like it to trigger an event to slide the view "open", so that the User Experience isnt so harsh. When you click on a link the route chnages so quick. I basically want to make the User Experience smoother.

1. 点击图片
2. 路由应用程序(但视图有一个 display none 类
3. 当视图加载完成后，我想触发一个事件
4. 该事件触发了一个侦听器，使我的标记向下滑动并打开.

有什么想法吗?

推荐答案

这是否符合您的要求?

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

去http://docs.angularjs.org/api/ 看看在 $route(ngRoute 模块下的 LHS 菜单)

Go to http://docs.angularjs.org/api/ and take a look at $route (LHS menu under ngRoute module)

或者看看我问的这个问题....AngularJS - Animate ng-view过渡

Or take a look at this question I asked....AngularJS - Animate ng-view transitions

这篇关于加载 Angular JS 路由模板后如何触发事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！