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     });