Angular2 Primeng Data table 选择行传递到使用路由器的其他组件

Question

export class Student {

selectedRow:Student;// I can able to assign selected row here

navigateStudentDetail(){

this.router.navigate(['./studentdetail']);

}

我可以使用查询参数传递 studentId，但我想将我的学生对象传递给 studentdeures 组件。但做不到。

有什么简单的方法可以做到这一点吗？请帮帮我

Answer 1

也许使用服务只是将一些参数传递给另一个组件是多余的。您可以使用NavigationExtras添加自定义数据以及要导航到的Url。

import { NavigationExtras} from '@angular/router';
//You will need navigations extras from Router.

在你组件的某个地方..

      let dataNav:NavigationExtras={queryParams:"somekey":"someValue",
"someOtherKey":"someOtherValue"}};
  this.router.navigate(['/path/whatever/'],dataNav);

，然后在目标组件中。

import { Router, ActivatedRoute, Params } from '@angular/router';
//you will need something like this

在构造函数中实例化ActivatedRoute，如下所示

constructor(
private route: ActivatedRoute,
private router: Router){}

最后获取第一个组件发送的参数..

  ngOnInit() {
this.route.queryParams
.subscribe(params =>{
  this.someOtherKeyReceived=params['someOtherKey']
});

}