当AngularJS路由模板加载完毕时，我该如何触发事件？

Question

有没有人知道如何在 Angular 路由渲染视图后触发事件？我想路由应用程序，在模板渲染结束时触发事件，以便滑动视图 "打开"，这样用户体验就不会那么突兀。当您单击链接时，路由变化非常快速。我基本上想让用户体验更加流畅。

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

有任何想法吗？

- Subtubes

---

$viewContentLoaded 接近你想要的，但它可能会在所有内容都被 渲染 之前触发（特别是如果你正在加载图像）。你可以尝试捕获 $viewContentLoaded 事件，然后将你的动画代码放入 $timeout 回调函数中。或者你可能需要编写一些 JavaScript 代码来定期检查你的图像是否已加载 - 在获取 $viewContentLoaded 事件之后。 - Mark Rajcok

Answer 1

这个是否符合你的期望？

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

访问http://docs.angularjs.org/api/并查看$route（ngRoute模块下的LHS菜单）。

或者您可以查看我提出的这个问题...AngularJS - Animate ng-view transitions

- Greg

---

修复了AngularJS网站似乎不想链接的问题 :-s - Greg

我试图在模板渲染后运行一些jQuery，其中包括处理已评估的handlebars变量。这个方法非常成功。 - Austin Pray

很遗憾，这不起作用。它仍然在模板渲染之前触发。 - Douglas Gaskell