如何使用ActivatedRoute从我的组件构造函数中的URL获取参数

Question

我目前在构造函数中这样做：

this.articleSlug = _route.url._value[1].path;

但是TypeScript不喜欢它：

Property: "_value" does not exist on type Observable<Params>

有更清洁的方式吗？我正在使用带有TypeScript和webpack的Angular 4。

这适用于我使用时：_route：我的构造函数中的ActivatedRoute。

Answer 1

您需要订阅路线，然后使用回调功能提取它。 类似的东西：

_route.url.subscribe(values: UrlSegment[] -> /* url segments are available in values array */)
// or if you need url parameters
_route.params.subscribe(params: Params -> console.log(params['paramName']));