添加参数到角路由器。导航

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