Angular4 存儲訪問路由棧信息

1、實現方法

　　1.能夠經過路由守衛，能夠給父級路由添加，若無父級路由，則須要每一個路由都須要添加守衛，即每一個頁面都須要調該方法

　　　　 例如：jdb-app端上的tool.service.ts是每一個頁面都會調取的方法，能夠將監聽路由函數放到constructor構造函數裏。

　　2.監聽路由變化

 

2、實現步驟

 

　　1.導入相應的依賴

 

　　2.監聽路由變化，能夠是導航開始，也能夠是當行結束，依賴於時機狀況

 

　　3.控制檯輸出的就是當前路由信息，形式如：

 

　　

 

　　4.接下來取到信息便可存儲全局變量或者local，其餘頁面便可訪問路由歷史棧信息。

 

3、實現代碼

 

1 import { Router, NavigationEnd } from '@angular/router';
2 
3 this.router.events
4     .filter((event) => event instanceof NavigationEnd)
5     .subscribe((event: NavigationEnd) => {
6       // 獲取路由信息
7       console.log(event);
8     });