angular2 $ routeChangeStart,$ routeChangeSuccess,$ routeChangeError

时间:2015-11-05 10:32:01

标签: angular

在angular2中,这些angular1事件的等价物是什么?

$ routeChangeStart,$ routeChangeSuccess,$ routeChangeError

我想在root app组件中使用这些事件来处理任何路由更改。

提前致谢

更新

  • 如果我使用OnActivate,OnDeactivate事件,则需要将其添加到每个组件:(

  • 此外,我尝试实现自己的RouterOutlet,但我无法访问有关激活,停用事件的上一条指令,同时我也不知道如何处理路径更改错误

    < / LI>
  • 另外router.subscribe只给了我名字,但我想让当前和下一个指令对象改变一些属性

我的目标是:

1-在开始更改页面时显示加载指示符并在页面加载时隐藏它。

2-为当前和下一条指令制作过渡动画rtl或ltr

2 个答案:

答案 0 :(得分:3)

您可以查看一些事件,例如OnActivateOnDeactivate以及警卫功能CanActivateCanDeactivate

请参阅Router

的文档

答案 1 :(得分:2)

我解决了这个问题,对于任何遇到此问题的人,你可以制作自己的RouterOutlet指令,继承自RouterOutlet,然后将其用作代理