Angular4 存储访问路由栈信息

279 阅读1分钟

一、实现方法

  1.可以通过路由守卫,可以给父级路由添加,若无父级路由,则需要每个路由都需要添加守卫,即每个页面都需要调该方法     例如:jdb-app端上的tool.service.ts是每个页面都会调取的方法,可以将监听路由函数放到constructor构造函数里。   2.监听路由变化

二、实现步骤

  1.导入相应的依赖

  2.监听路由变化,可以是导航开始,也可以是当行结束,依赖于时机情况

  3.控制台输出的就是当前路由信息,形式如:

  4.接下来取到信息即可存储全局变量或者local,其他页面即可访问路由历史栈信息。

三、实现代码

import { Router, NavigationEnd } from '@angular/router';
this.router.events
  .filter((event) => event instanceof NavigationEnd)
  .subscribe((event: NavigationEnd) => {
  // 获取路由信息
      console.log(event);
  });