架构师_程序员

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 818|回复: 0

[Angular] Angular 关于获取Matrix URL 和 普通URL 查询字符串问题

[复制链接]
发表于 2019-6-4 09:59:40 | 显示全部楼层
Angular 文档上关于怎么来获取这两种URL规范的querystring并没有给出详细的解释。

ActivatedRoute文档:

interface ActivatedRoute {
  snapshot: ActivatedRouteSnapshot
  url: Observable<UrlSegment[]>
  params: Observable<Params>
  queryParams: Observable<Params>
  fragment: Observable<string>
  data: Observable<Data>
  outlet: string
  component: Type<any>|string|null
  get routeConfig(): Route|null
  get root(): ActivatedRoute
  get parent(): ActivatedRoute|null
  get firstChild(): ActivatedRoute|null
  get children(): ActivatedRoute[]
  get pathFromRoot(): ActivatedRoute[]
  get paramMap(): Observable<ParamMap>
  get queryParamMap(): Observable<ParamMap>
  toString(): string
}
获取这两种不同格式的url的方法就是上面的params,queryParams

二者都返回一个Observable可观察对象,泛型为一个Params

下面转到Params 文档说明:

下面是拿出queryString的实践

Matrix URL


Default URL


可以看到ActivatedRoute提供了url,params,queryParams等。ActivatedRoute这几个属性返回的是Observable,它是可以用来监控url,参数的变化。

注入使用如下:







上一篇:js将json格式的对象拼接成复杂的url参数方法
下一篇:前端Object.assign()用法
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

免责声明:
码农网所发布的一切软件、编程资料或者文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。

Mail To:help@itsvse.com

QQ|Archiver|手机版|小黑屋|架构师 ( 鲁ICP备14021824号-2 )|网站地图

GMT+8, 2020-7-11 23:02

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表