Angular ActivatedRouteSnapshot

研究方法：在routing-params.service.ts文件里的findAllParam设置断点，然后打开B2B Org Unit page：

ActivatedRouteSnapshot来自@angular/router:

第一个snapshot：

_routerState:

往调用栈的前一层看：已经在执行map操作符里的逻辑了：

Observable emit的值，数组ActivedRoutsnapshot里包含的两个元素，作为输入参数传递到map指定的逻辑里：

ActivatedRouteSnapshot里包含的UrlSegment：

谁触发的这个map逻辑呢？答案是MapSubscriber：

最终这个Observable是在第32行被subscribe，触发整个Observable链式调用的：

更多Jerry的原创文章，尽在：“汪子熙”:

Angular ActivatedRouteSnapshot相关推荐

Angular路由复用策略出现Cannot reattach ActivatedRouteSnapshot created from a different route错误
复用代码自己写的angular路由复用,用着基本挺好. 定义的的顺序就是复用的逻辑,离开某路由页面时,shouldDetach觉得可复用后,store去保存路由,再次进入页面时,shouldAtta ...
Angular ctorParameters，decorator等元数据，包含在ActivatedRouteSnapshot数据结构里
顾名思义,这个变量包含了一个Angular Component构造函数的参数.看一个例子: 我有一个PageLayoutComponent:构造函数有一个参数pageLayoutService,类型为 ...
【硬核解说】一口气讲明白Angular的5种路由守卫RouteGuard是嘛玩意儿
Angular的常用路由守卫有5种,按照执行顺序: ① CanLoad:进入到当前路由的时候触发(若用户没有权限访问,相应的模块并不会被加载.这里是指对应组件的代码). ↓ ② CanAcitivat ...
angular路由笔记_Angular2学习笔记——路由器模型（Router）
Angular2以组件化的视角来看待web应用,使用Angular2开发的web应用,就是一棵组件树.组件大致分为两类:一类是如list.table这种通放之四海而皆准的通用组件,一类是专为业务开发的 ...
使用 Angular Transfer State 的一个具体例子
Using TransferState API in an Angular v5 Universal App 让我们用一个具体的例子来说明这篇文章. 我们有一个天气应用程序,在其侧边栏中显示城市列表. ...
如何通过ActivationStart监控 Angular的路由激活事件
看个具体的例子: 在app.component.ts里注入Router: export class AppComponent {constructor(router:Router){console.l ...
Angular里的RouterOutlet指令学习笔记
官网:https://angular.io/api/router/RouterOutlet#description Acts as a placeholder that Angular dynamic ...
Angular 路由守卫
1. 路由 Angular路由: 可以控制页面跳转:可以在多视图间切换: 2. 路由守卫 Angular路由守卫: 在进入或离开某路由时,用于判断是否可以离开.进入某路由::: return true ...
Angular 2.x 从0到1 (五）史上最简单的Angular2教程
第一节:Angular 2.0 从0到1 (一) 第二节:Angular 2.0 从0到1 (二) 第三节:Angular 2.0 从0到1 (三) 第四节:Angular 2.0 从0到1 (四) ...

Angular ActivatedRouteSnapshot

Angular ActivatedRouteSnapshot相关推荐

最新文章

热门文章