angular2 RC5で経路パラメータを取得する方法

Question

を使用して、angular2プロジェクトをRC5にアップグレードしました。

const appRoutes: Routes = [ 
    { path: 'project-manager', component: ProjectManagerComponent }, 
    { path: 'designer/:id', component:DesignerComponent } , 
    {path: '',redirectTo: '/project-manager',pathMatch: 'full'} 
]; 

と私はとしてrouterLinkを使用してデザイナーのコンポーネントにリダイレクトしています：

私は以下のようにルーティングを提供しているそれが正常にリダイレクトなっていると私はのparam値を見ることができています今

<a [routerLink]="['/designer',page._id]"><i class="fa fa-eye fa-fw"></i></a> 

ブラウザのアドレスバーに

ここで私が知りたいのは、angular2 RC5のDesignerComponentでこのパラメータにアクセスする方法です。

Answer 1

：

constructor(private route: ActivatedRoute){    
} 

以下のようngOnInit内部の変化をparamsはして購読をパラメータ。

import { ActivatedRoute } from '@angular/router'; 

... 

constructor(private route: ActivatedRoute, ...) { 
} 

value: any; // -> wanted parameter (use your object type) 

ngOnInit() { 
    // get URL parameters 
    this.route.params.subscribe(params => { 
     this.value = params['id']; // --> Name must match wanted parameter 
    }); 
} 

はあなたにもそれを必要とする場合@angular/coreからOnInitをインポートすることを忘れないでください。

---

EDITED：NG2ルータは自分で自分のサブスクリプションを管理しているため、サブスクリプションを回避するために

• クリーンアップ。
• AOTコンパイルを破らないように、HTMLで使用される可能性のあるプライベート変数を使用しないでください。
• 廃止されたため、ROUTER_DIRECTIVESが削除されました。

Answer 2

最初にインポートActivatedRoute@angular/routerからインポートします。

import { ActivatedRoute } from '@angular/router'; 

それは以下のようにコンストラクタのアクセス：私はあなたを操作するためのルータからActivatedRouteを使用する必要があると考えてい

ngOnInit() { 
    this.route.params.subscribe(params => { 
    if (params['id']) { 
    } 
    }); 
}