angular2のナビゲーションを使用してデータを解析する方法

Question

こんにちは私は、角度2のナビゲーションでデータの解析に問題があります。私は2つのデータを渡したいクリックイベントを使用して..私はクリックイベントを持ってmenu.component.tsセクションでは....最初

を記述することができます（これは、APIまたは静的なデータであってもよい）

テンプレート：

<p (click) = "clickData(link, id)">Click </p> 

私のような別のコンポーネントにこのリンクを送信したい

.....

@Component { 

    constructor(private route : Router){} 

    clickData(link, id){ 
     this.route.navigation(["/text",id], link); 
    } 
} 

は今までそれが正常に動作しています。今私はこのナビゲーションが "New.Component.ts"と呼ばれる新しいコンポーネントに入ります...

ここで私はこのリンクとIDを取得したいと思います。将来の進歩のために。

私に助けてもらえますか、どうすればこの価値を得ることができますか？ New.Component.tsで

Answer 1

はちょうどクエリのparam idを抽出するためのOnInit機能に以下のコードを使用します（ここでは+整数としてそれを解析することである）あなたのNew.Component.tsファイルで

constructor(private route : ActivatedRoute){} 

    ngOnInit() { 
    this.route.params.forEach((params: Params) => { 
    this.selectedId = +params['id']; 
    }); 
    } 

Answer 2

メイク以下の変更、あなたのURLのparamsを確認してください名前はidであるか、必要に応じてコードを変更する必要があります。例her on plnkr作業、モジュールを含む危機フォルダ

constructor(private _routeParams: RouteParams) {} 

    ngOnInit() { 
    let id = +this._routeParams.get('id'); // in my case param name is "id", 
              //use what ever you defined 
    console.log(id); 
    } 

Answer 3

下crisis-details.component.tsを見て、コンストラクタ

で

import { Router, ActivatedRoute, Params } from '@angular/router'; 

注入は

id: number; 
constructor(private router: Router, private activeRoute: ActivatedRoute) { 

} 

は

ngOnInit() { 
      this.activeRoute.params.forEach((params: Params) => { 
      this.id= +params['id']; 
      } 

、ngOnInitフックでのparamsを見つけます

は今、この新しいコンポーネントで、this.id

EDIT使用：

this._router.navigate(['MyCompB', {id: "someId", link: "your link"}]);