Passing object from one component to another component in Angular

Question

I am working in Angular 7 . where I am passing object to another component , I am doing it using @input decorative , but components are siblings , so How I can pass the object to another component

Possible duplicate stackoverflow.com/questions/41954484/… .Version may change but the technique is same. — Sreemat
– Sreemat, Commented Feb 11, 2019 at 6:25

anees · Accepted Answer · 2019-02-11 06:13:01Z

1

It is better use Service for the communication in this scenario.

In service u can use Subject which can act as both observer and observable.

ex.

In Service

  someSubject = new Subject<any>();

In component one

 someService.someSubject.next(objectUWantToSend);

In Component two u can subscribe or vise versa

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

answered Feb 11, 2019 at 6:13

anees

3441 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

toothful · Accepted Answer · 2019-02-11 06:10:45Z

0

@input decorative can only be used for passing values from parent to child components.

For communication between siblings or any components use rxjs subject and Observable instead.

You can follow this - http://jasonwatmore.com/post/2018/06/25/angular-6-communicating-between-components-with-observable-subject

edited Feb 11, 2019 at 6:10

answered Feb 11, 2019 at 6:04

toothful

8923 gold badges16 silver badges25 bronze badges

Collectives™ on Stack Overflow

Passing object from one component to another component in Angular

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related