路線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: '' 
    ... 
    } 
]