路线params为空

Question

我有以下的用户模板文件，其中包含标签控件

<nav md-tab-nav-bar>    
      <a class="tab-label" md-tab-link [routerLink]="'following'" routerLinkActive #following="routerLinkActive" [active]="following.isActive"> 
      Following 
      </a> 

及以下app.route配置

export const ROUTES: Routes = [ 
{ 
    path: 'user/:id', loadChildren: './user/user.module#UserModule' 
}, 

及以下user.route config

const ROUTES: Routes = [ 
{ 
    path: '', component: UserComponent, 
    children: [ 

     { path: 'following', loadChildren: './following/following.module#FollowingModule' }    
    ] 
} 

];

的问题是，我想要得到的ID在这样的“下面的”组件：

this.route.params.subscribe(params => { 
      console.error(params); 
     }); 

但params为总是空的。

我是否需要以某种方式指定user.route中的id参数？

我也打过电话这样的父母，但params为仍然empy ...

this.subRoute = this.route.parent.params.subscribe(params => { 

      console.log(params); 
}); 

Answer 1

使用该路由：

this.router.navigate(['/productlist'], { queryParams: { filter: JSON.stringify(this.product) } }); 

和另一个组件：

import { Component, OnInit } from '@angular/core'; 
import { Router, ActivatedRoute, Params } from '@angular/router'; 
. 
. 
. 
export class ProductListComponent implements OnInit { 

    constructor(private route: ActivatedRoute, private router: Router) { 
    } 

    public ngOnInit() { 
     this.route 
      .queryParams 
      .subscribe(params => { 
       let filterParam = JSON.parse(params['filter']); 
       console.log(filterParam); 
      }); 
    } 
} 

Answer 2

我是否需要以某种方式指定user.route中的id参数？

是的，你需要在路径指定参数：

const routes: Routes = [ 
{ 
    path: '', component: UserComponent, 
    children: [  
    { 
     loadChildren: './following/following.module#FollowingModule', 
     path: ':parent_id/following' // <- Here 
    } 
    ] 
} 

所以，某处在“下面的” 组件：

const parentId = this.activatedRoute.snapshot.paramMap.get('parent_id'); 

PS ：我是假设你有一个这样的配置路径（在“下面的”组件）：

const routes: Routes = [ 
    { 
    component: FollowingComponent, path: '' 
    ... 
    } 
]