将对象从一个组件传递到Angular中的另一个组件

Posted 2023-03-13

【中文标题】将对象从一个组件传递到Angular中的另一个组件

【英文标题】：Passing object from one component to another component in Angular

【发布时间】：2019-07-04 14:22:23

【问题描述】：

我在 Angular 7 中工作。 在我将对象传递给另一个组件的地方，我正在使用 @input 装饰，但组件是兄弟姐妹， 那么我如何将对象传递给另一个组件

【问题讨论】：

可能重复***.com/questions/41954484/…。版本可能会改变，但技术是相同的。

【参考方案1】：

在这种情况下最好使用Service进行通信。

在服务中，您可以使用可以充当观察者和可观察者的主题。

例如

服务中

  someSubject = new Subject<any>();

在组件一中

 someService.someSubject.next(objectUWantToSend);

在组件二中，您可以订阅或反之亦然

someService.someSubject.subscribe((receiveObjectHere) => );

【参考方案2】：

@input 装饰只能用于将值从父组件传递到子组件。

对于兄弟姐妹或任何组件之间的通信，请改用 rxjs 主题和 Observable。

你可以按照这个 - http://jasonwatmore.com/post/2018/06/25/angular-6-communicating-between-components-with-observable-subject