角度ルータにパラメータを追加する.navigate

Question

まず、これが正しい方法であれば、私が望むものを達成するかどうかはわかりません。 次のようなエクスポートバインディングをrouter.navigateに追加しようとしています）-method：

<call [caller]="caller"></call> 

問題は、私はディレクティブを使用しないということですが、代わりにルータを介して、それを住所：

acceptCall() { 
    this.router.navigate(["call"]); 
} 

どのように私は最初の例から結合同じ輸出を達成することができますacceptCall（） - メソッド？ は、私はすでに入力（）変数を追加し、このようなqueryParamsでそれを試してみました：

@Input() caller: Caller; 
acceptCall(caller) { 
    this.router.navigate(["call"], {queryParams: caller}); 
} 

しかし、これは動作しません。あなたが持っている私のコメントに続いて

Answer 1

：

1 -

{path: 'call/:caller', component: MyComponent } 

2あなたのルートを再定義 - で- 親コンポーネント

this.router.navigate(["call", caller]); 

3であなたのナビゲーションを変更子コンポーネント、パラメータを取得

import { ActivatedRoute } from '@angular/router'; 
// code until ... 
myParam: string; 
constructor(private route: ActivatedRoute) {} 
// code until ... 
ngOnInit() { 
    this.route.params.subscribe((params: Params) => this.myParam = params['caller']); 
}