angularのrouterで取得できるイベントにNavigationEnd
というものがあるようです
ページ遷移後のイベントを扱うことができるようなので使ってみます
- app.component.ts
import {Router,NavigationEnd} from "@angular/router"; constructor( private _router: Router ){ this._router.events.subscribe(event => { if (event instanceof NavigationEnd) { console.log(event); // 何かしら処理 } }) }
- app.component.html
<nav..... ..... </nav> <div style="float: right;"> 現在のパス: {{path}} </div>
とすることでページ遷移完了後に何か処理を挟むことができます
遷移が終わるまで処理させたくない時や毎度ページが変わった時にさせたい処理がある場合に使えそうですね
フロント用のユーザーの行動ログ解析用の処理だったり、パンくず、メニュー関連の処理だったりを入れるのが良さそうに感じました
angularのAPIドキュメント眺めてると色々発見があって面白いですね