Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/amazon-s3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何使用ActivateRoute从组件构造函数中的URL获取参数_Angular_Typescript_Webpack - Fatal编程技术网

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

Angular 如何使用ActivateRoute从组件构造函数中的URL获取参数,angular,typescript,webpack,Angular,Typescript,Webpack,我目前在我的构造函数中是这样做的: this.articleSlug = _route.url._value[1].path; 但是TypeScript不喜欢它: Property: "_value" does not exist on type Observable<Params> 属性:“\u值”在可观察的类型上不存在 有没有更干净的方法?我正在使用Angular 4和TypeScript和webpack 这是我在构造函数中使用时使用的:_route:ActivatedRo

我目前在我的构造函数中是这样做的:

this.articleSlug = _route.url._value[1].path;
但是TypeScript不喜欢它:

Property: "_value" does not exist on type Observable<Params>
属性:“\u值”在可观察的类型上不存在
有没有更干净的方法?我正在使用Angular 4和TypeScript和webpack


这是我在构造函数中使用时使用的:_route:ActivatedRoute。

您需要订阅该路由,然后使用回调函数提取它。 比如:

_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']));

你能扩展一下“不喜欢它”吗?我在上面添加了一个错误我假设
\u route
是ActivatedRoute类型的?如果是这样,您可以尝试:
this.\u route.queryParams.subscribe(params=>{this.articleslaug=params['yourParameter']| |''})
您可能正在使用
ActivatedRoute
,其中是您应该订阅的可观察到的。看一下教程中的路由部分:是的,_route:ActivatedRoute