angular路由小结

最新推荐文章于 2022-03-18 13:41:17 发布

railsbug

最新推荐文章于 2022-03-18 13:41:17 发布

阅读量356

点赞数

分类专栏： angular2

本文链接：https://blog.csdn.net/railsbug/article/details/78049367

版权

angular2 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

RouterStateSnapshot

它是个接口
内有一个属性 url 和一个方法 toString();

interface RouterStateSnapshot extends Tree { 
  url: string
  toString(): string
}

描述：

RouterStateSnapshot is a tree of activated route snapshots. Every node in this tree knows about the “consumed” URL segments, the extracted parameters, and the resolved data.

consume

英文翻译过来为“消费”，但是在it领域，应翻译为“调用，应用”，后跟 in 或 with。
举例：
例句一：How to consume JSON array in AngularJS?
例句二：How To Consume Restful APIs with ngResource
例句三：How to Consume a Web API Using Angular

RouterStateSnapshot是一个树结构，表示当前激活路由的快照。当前节点下的所有子节点都包含了当前URL片段，获取的参数以及解析出的数据。

NavigationExtras

queryParams : Params设置URL的查询参数
// Navigate to /results?page=1
this.router.navigate(['/results'], { queryParams: { page: 1 } });
fragment : string 设置URL的has片段
// Navigate to /results#top
this.router.navigate(['/results'], { fragment: 'top' });
preserveQueryParams : boolean 将查询参数带到下一个导航
// Preserve query params from /results?page=1 to /view?page=1
this.router.navigate(['/view'], { preserveQueryParams: true });
preserveFragment : boolean 将片段带到下一个导航
// Preserve fragment from /results#top to /view#top
this.router.navigate(['/view'], { preserveFragment: true });
skipLocationChange : boolean 导航时不向history中添加记录
// Navigate silently to /view
this.router.navigate(['/view'], { skipLocationChange: true });
replaceUrl : boolean 替换当前状态在history中的记录值
// Navigate to /view
this.router.navigate(['/view'], { replaceUrl: true });