在angular2中获取param

时间:2018-01-16 08:56:13

标签: javascript angular

我的目标是从网址

获取用户名

在app.routing里面我有路线 export const routes:Routes = [
  {path:'dashboard /:username',component:App} ];

在appp组件内部我正在尝试使用

获取此用户名
let username = this.route.snapshot.queryParams["username"]; 

我的浏览器正在使用localhost:91/dashboard/john

用户名始终为undefined

3 个答案:

答案 0 :(得分:1)

您应该将其用作params

let username = this.route.snapshot.params["username"]; 

答案 1 :(得分:1)

您不需要在此处使用queryParams。当你有这样的东西时,这很有用:

localhost:91/dashboard?username=john

只需使用params属性。

this.route.snapshot.params["username"]; 

我想你以下列方式宣布路线:

{ path: 'dashboard/:username', component: SomeComponent}

答案 2 :(得分:0)

试试这个:

this.route.snapshot.params['username']

而不是queryParams