无法使用 Angular 2 中的导航获取其他组件的数据

Question

**Current Code:**:

目前我在过滤器组件工作。我有数据，来自 服务和我已成功导航到用户组件。

**My Code is**`getFilterDetails(){
this.userService.getFilterDetailsDetails(this.locations).subscribe(data => {
this.filterType = data;
});
this.router.navigate(['user']);
}`
*Problem is i need to pass data to user component and how to get data in user component. Kindly help me to get this done?*

Answer 1

您可以将数据传递为：

this.router.navigate(['user'], { data: { yourData : yourData } });

并检索数据

constructor(private route: ActivatedRoute) {}
ngOnInit() {
this.route
.data
.subscribe(data=> {
this.data= data || {};
});
}

希望这对:)有所帮助

Answer 2

您可以使用在两个组件中注入的共享服务。

@Injectable()
export class sharedService {
data: any;
}

在第一个组件中，执行以下操作：

this.userService.getFilterDetailsDetails(this.locations).subscribe(data => {
this.filterType = data;
this.sharedService.data = data;
this.router.navigate(['user']);
});
}

在另一个组件中，注入服务并使用数据。