一、实现方法
1.可以通过路由守卫,可以给父级路由添加,若无父级路由,则需要每个路由都需要添加守卫,即每个页面都需要调该方法
例如:jdb-app端上的tool.service.ts是每个页面都会调取的方法,可以将监听路由函数放到constructor构造函数里。
  2.监听路由变化
二、实现步骤
1.导入相应的依赖
2.监听路由变化,可以是导航开始,也可以是当行结束,依赖于时机情况
3.控制台输出的就是当前路由信息,形式如:
4.接下来取到信息即可存储全局变量或者local,其他页面即可访问路由历史栈信息。
三、实现代码
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     });

转载于:https://www.cnblogs.com/yaq-lh/p/9635867.html

Angular4 存储访问路由栈信息相关推荐

  1. 路由的导航守卫过渡动效transtion导航守卫 路由懒加载 路由元信息 @stage3---wee2--day7

    # 路由的导航守卫 别名: 导航守卫 路由守卫 路由钩子 路由拦截 作用: - 类似 [保安] 守卫路由 进 举例: 携带数据进 出 举例: 事情完成才能出 导航守卫一共有三种形式 [ 项目三选一 ] ...

  2. 【计算机操作系统】测试题:动态分区内存分配;调页系统;分页存储管理;快表是什么?计算指令操作数地址;有效存储访问时间,缺页次数,缺页率;

    目录 填空题: 选择题: 简答题: 应用题: 填空题: 1. 在动态分区式内存分配算法中,倾向于优先使用低地址部分空闲区的算法是   首次适应算法   :能使内存空间中空闲区分布较均匀的算法是  循环 ...

  3. Vue.js-Day05【安装路由(vue-router)、如何使用vue-router、404配置、激活class、动态路由、编程式导航、路由嵌套、路由元信息、导航拦截】

    Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目   录 1.单页面应用 1.1.多页面应用 1.2.单页面应用 1.3.vue-router 2.安装vue-rout ...

  4. Vue项目实战03 : vue中 meta 路由元信息

    路由元信息 meta: 每个路由的标识信息,是路由独有的一个信息,无论在路由中是否定义meta,在组件中都可以通过this.$route.meta访问到,如果没有定义,返回{} 在组件中: this. ...

  5. 字符串的存储方式以及静态存储区域、栈、堆

    下面两篇文章分析得比较详细.转自http://blog.csdn.net/yangdelong/archive/2010/04/03/5447362.aspx 文章来源 http://blog.csd ...

  6. azure blob_如何使用Power BI从Azure Blob存储访问数据

    azure blob In this article, I am going to explain how we can access the data from the Azure Blob Sto ...

  7. 【Computer Organization笔记25】I/O:程序直接控制,程序中断方式,直接存储访问(DMA),通道控制方式

    本次笔记内容: P49 计算机组成原理(49) P50 计算机组成原理(50) 我的计组笔记汇总:计算机组原理成笔记 视频地址:计算机组成原理 清华大学刘卫东 全58讲 国家精品课程 1080P 更完 ...

  8. java打印堆栈信息linux,在C/C++程序里打印调用栈信息(转载)

    原文出处  http://blog.csdn.net/yetyongjin/article/details/7759144 以下不能windows + mingw下执行.  windows下参考 ht ...

  9. Android 进阶——Framework 核心之Android Storage Access Framework(SAF)存储访问框架机制详解(一)

    文章大纲 引言 一.Android Storage Access Framework 二.Storage Access Framework 的主要角色成员 1.Document Provider 文件 ...

最新文章

  1. Pod在多可用区worker节点上的高可用部署
  2. letswave7中文教程2:脑电数据预处理-通道位置分配
  3. SQL Server 本地语言版本
  4. java 时间戳的获取方式
  5. mysql解压版配置win8_Windows安装mysql8解压版
  6. 音乐 美术 劳技 计算机教研组工作总结,美术劳技室工作总结
  7. [ 总结 ] 删除通过find查找到的文件
  8. [ 读书笔记 ] 1 -《 程序员修炼之道 - 通向务实的最高境界 (第2版)》
  9. 技巧|在苹果Mac上打开“终端”的3种方法
  10. 多媒体呼叫中心技术、应用与发展前景
  11. 推荐5种不错的开源虚拟化技术软件
  12. 抛弃了wordpress
  13. python课程教学大纲-《Python语言基础》课程教学大纲
  14. C# 条码打印的几种方式
  15. 【软件】企业管理解决方案SAP
  16. 配置maven及其换源
  17. 独角数卡PHP自动化售货发卡网源码下载
  18. 【Java】一文搞定Java反射技术
  19. 没有时间可以浪费了!探险家伊泽瑞尔...
  20. 如何注册一个Windows服务

热门文章

  1. REVERSE-PRACTICE-JarvisOJ-4
  2. 【PAT - 甲级1005】Spell It Right (20分) (递归输出,水题)
  3. 【2019浙江省赛 - K 】Strings in the Pocket(马拉车,思维)
  4. 【Loj - 515】贪心只能过样例(暴力,或01背包 + bitset)
  5. 【牛客 - 331G】炫酷数字(反素数打表 或 扩展埃式筛法,结论)
  6. java selector 源码_Java NIO核心组件-Selector和Channel
  7. java robot键值_Java:使用Robot类模拟键盘, 以Alt码方式输出汉字
  8. java中gradlew 命令_gradle命令学习
  9. django url 生效_Django基础知识
  10. a href=#与 a href=javascript:void(0) 的区别