2015-11-05 55 views
4

在angular2中這些angular1事件的等價物是什麼?

$ routeChangeStart,$ routeChangeSuccess,$ routeChangeError

我想用根應用組件這些事件,以應付任何路徑切換。

在此先感謝

更新

  • 如果我使用OnActivate,OnDeactivate事件,就需要把它添加到每一個部件:(

  • 此外,我試圖實現我的自己的RouterOutlet,但我不能訪問先前的指令激活,停用事件,我也不知道如何處理路線更改錯誤

  • 而且router.subscribe給我的只有名字,但我想獲得當前和下一條指令的對象更改某些屬性

我的目標是:

1-顯示負載指示時開始變化頁面並在頁面加載時將其隱藏。

2-製作過渡動畫RTL或LTR爲當前和下一條指令

+0

我解決問題 對於任何一個面對這個問題,你可以使你自己的RouterOutlet指令從RouterOutlet繼承,然後使用它作爲代理 –

+0

你有一些示例嗎?任何plunkr? –

+1

@JavierRos有一些帖子和項目,如果你搜索* angular2自定義路由器插座*。其中一些來自[captaincoder](http://www.captaincodeman.com/2016/03/31/angular2-route-security/),[auth0](https://github.com/auth0-blog/angular2) -authentication-sample/blob/master/src/app/LoggedInOutlet.ts),[blacksonic](http://stackoverflow.com/questions/34331478/angular2-redirect-to-login-page/35817366#35817366) – superjos

回答

2

有一些事件,如OnActivateOnDeactivate和保護功能CanActivateCanDeactivate,你可以看看。

Router

+0

這些事件在組件級別工作,我想覆蓋根應用程序組件中的所有路線變化 , 我想涵蓋根應用程序組件中的更改 –

+0

組件鉤子是不同的https://角度。io/docs/ts/latest/api/lifecycle_hooks/ – Chandermani

+0

感謝Chandermani試圖幫助我 我讀過組件鉤子,但它幫助我們觀察屬性(任何屬性)的變化值,但是不路由屬性 –

1

我解決了這個問題的文件,對誰面對這個問題的任何一個,你可以讓自己的RouterOutlet指令,它從RouterOutlet繼承,然後用它作爲代理

相關問題