繁体   English   中英

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

[英]How to pass an object from one component to another via navigation route?

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

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

组件一:

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

因此,在第二部分中,我想使用product对象:

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

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

进行维修并将数据保存到维修中。 关于组件一:

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

关于第二部分

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

在组件一个父模块中,some.module.ts将ProductService添加到提供程序:

@NgModule({
providers: [ProductService]
})

在组件中,两个父模块other.module.ts将ProductService添加到导入中:

 @NgModule({
    imports: [ProductService]
    })

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM