Angular 2 - @Input and @Output

Question

I am not sure if I should use @Input and @Output since I think these decorators only work when you wan to communicate a component parent with a child one or vice versa. Can you please clarify it or correct me?

I have 3 components that are in the same level and I am looking for setting a value to a variable from component A in component B. They do no have any relationship.

Thanks

Sounds like you are looking for a service. angular-2-training-book.rangle.io/handout/di/angular2/… angular.io/docs/ts/latest/cookbook/… — khollenbeck
– khollenbeck, Commented Apr 28, 2017 at 20:36
Possible duplicate. stackoverflow.com/questions/35884451/… — khollenbeck
– khollenbeck, Commented Apr 28, 2017 at 20:39

Eeks33 · Accepted Answer · 2017-04-28 20:45:14Z

1

In short, you are right, Input() and Output() only communicate with the parent component. Your parent component could however use the Output() of component B and pass it to the Input() of component A. Using the angular life cycle hook ngOnChanges would aid with that.

There are also many ways to achieve Component A modifying a value in Component B. You could use subjects, services, parent components, as well as many other strategies. This might get into the question of how you want to manage state in your application. https://bertrandg.github.io/angular2-application-state-management-strategy/

At scale, you definitely want to be consistent with state management in your app. ngrx (https://github.com/ngrx) provides a great redux-like strategy

answered Apr 28, 2017 at 20:45

Eeks33

2,3001 gold badge16 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

Angular 2 - @Input and @Output

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related