How to “communicate” between components in Angular?

by

If you are trying to communicate from a parent component to a child component, this is pretty clearly described using @Input and EventEmitters with @Output in the angular docs.

Angular 2 component interaction

As for communication across siblings, I posted an answer in a similar question that might help with the issue of sharing data across sibling components. Currently, i think the shared service method is the most efficient.

angular-2-sibling-component-communication

More Related Contents:

  1. How to communicate between component in Angular?
  2. How to pass data between two components in Angular 2
  3. How to manage Angular2 “expression has changed after it was checked” exception when a component property depends on current datetime
  4. Angular – shared service between components doesn’t work
  5. Use component in itself recursively to create a tree
  6. RxJS: takeUntil() Angular component’s ngOnDestroy()
  7. How can I communicate between two child components in angular? [duplicate]
  8. Adding / Removing components on the fly
  9. What is the difference between component and directive?
  10. i got this error when i use command ng new myprojectname to create new project in angular
  11. Dynamic tabs with user-click chosen components
  12. Angular HTML binding
  13. Angular 2+ – Set base href dynamically
  14. How can I get new selection in “select” in Angular 2?
  15. Angular: How to correctly implement APP_INITIALIZER
  16. Argument of type ‘string | null’ is not assignable to parameter of type ‘string’. Type ‘null’ is not assignable to type ‘string’
  17. How to pass query parameters with a routerLink
  18. Inheritance and dependency injection
  19. Angular2 Tutorial (Tour of Heroes): Cannot find module ‘angular2-in-memory-web-api’
  20. How to pass multiple parameter to @Directives (@Components) in Angular with TypeScript?
  21. Angular: How to download a file from HttpClient?
  22. Angular 6.0 firebase hosting deploy not working
  23. Angular2: validation for won’t trigger when changing the file to upload
  24. Tracking scroll position and notifying other components about it
  25. Avoiding relative paths in Angular CLI
  26. How do I override the style of primeng components?
  27. Sanitize input in Angular2 [duplicate]
  28. New Angular2 router configuration
  29. angular 6 warning for using formControlName and ngModel
  30. Angular 2 disable sanitize

Leave a Comment