1

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

Victor Callegari
  • 71
  • 1
  • 8
  • 1
    Sounds like you are looking for a service. https://angular-2-training-book.rangle.io/handout/di/angular2/inject_and_injectable.html https://angular.io/docs/ts/latest/cookbook/dependency-injection.html#!#sts=@Injectable()%20and%20nested%20service%20dependencies – khollenbeck Apr 28 '17 at 20:36
  • Possible duplicate. http://stackoverflow.com/questions/35884451/angular-2-sibling-component-communication – khollenbeck Apr 28 '17 at 20:39

1 Answers1

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

Eeks33
  • 2,245
  • 1
  • 14
  • 17