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

小渣渣

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，参数的变化。

注入使用如下：

登录可见。