https://angular.io/api/router/Event
NavigationStart,
RouteConfigLoadStart,
RouteConfigLoadEnd,
RoutesRecognized,
GuardsCheckStart,
ChildActivationStart,
ActivationStart,
GuardsCheckEnd,
ResolveStart,
ResolveEnd,
ActivationEnd
ChildActivationEnd
NavigationEnd,
NavigationCancel,
NavigationError
Scroll
解説
種別 | 発火タイミング |
---|---|
NavigationStart | ナビゲーションが開始された時。 |
ActivationStart | ナビゲーション先のコンポーネントが決まった時(GuardやResolveの前)。 |
ActivationEnd | ナビゲーション先のインスタンスが作られた後)。 |
NavigationEnd | ナビゲーションが終了した時(正常に終了した場合)。 |
NavigationCancel | ナビゲーションが終了した時(ナビゲーション処理の途中でキャンセルされた場合)。 |
NavigationError | ナビゲーションが終了した時(ナビゲーション先が存在しないなど、エラーが発生した場合)。 |
記述方法 イベント(NavigationStart)で操作を行う例」
constructor( private _router: Router ) {
_router.events.subscribe(event => {
if(event instanceof NavigationStart) {
// ここにページ遷移ごとに実行するメソッド
}
});
}