如何通过导航路径将对象从一个组件传递到另一个组件？

Question

我找不到如何在 Angular 中将复杂对象从一个组件传递到另一个组件。

我的应用程序的不同模块中有两个组件，我想从一个组件导航到另一个组件，然后将复杂对象传递给第二个组件。

组件一：

buttonSubmit() {
    this._router.navigate(['/app/sales/history',  { product: this.product}]);
}

所以在组件二中我想使用product 对象：

 this._route.params.subscribe(v => console.log(v));

我尝试使用ActivatedRoute，但它不起作用，在 Angular 文档中他们有父/子通信的示例，但事实并非如此。

Answer 1

制作服务并将数据保存到服务中。 关于组件一：

ngOnDestroy() {
  this.ProductService.product = this.product;
}

关于组件二

ngOnOnit() {
  this.product = this.ProductService.product;
}

在组件一的父模块 some.module.ts 中添加 ProductService 到 providers：

@NgModule({
providers: [ProductService]
})

在组件的两个父模块other.module.ts中添加ProductService到imports中：

 @NgModule({
    imports: [ProductService]
    })