添加參數到角路由器。導航

Question

首先，我不確定這是否是正確的方式，以實現我想要的。 我想添加一個如下的導出綁定到router.navigate（ ） - 方法：

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

的問題是，我從來沒有使用的指令，而是通過路由器ADRESS它：

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']); 
}