Learn Angular: Passing Data Between Angular 9 Components

Want to learn Angular? In this video, "Learn Angular: Passing Data Between Angular 9 Components", you'll learn how to pass parameters from one Angular component to another Angular component.

Passing data between Angular 9 components can be achieved using both the @Input and @Output decorators.

To pass data to a child component, create a property on the child component and apply the @Input attribute to that property.

@Input() childProperty: string;

Then simply create a property binding from the parent component to the property you defined on the child component.

[childProperty]="parentProperty"

To pass data from the child component back up to the parent, define an EventEmitter and apply the @Output decorator to it.

@Output() notify: EventEmitter[string] = new EventEmitter[string]();

Then in the parent, provide an event handler using the $event argument for the event emitter on the child component:

(notify)="onNotified($event)"

"Desktop to Web: A WPF Developers Guide to Learning Angular" is a video tutorial series that will help you take your WPF and WinForms desktop coding skill to the web with Angular. This series will help you understand how your current desktop skills map directly to concepts in Angular to make your learning path to the web as easy and painless as possible.

During each video in this series I will be giving away a one year subscription to Infragistics Ultimate valued at $1,995 USD. Simply subscribe to my channel, like the video, and leave a comment to be entered. Winners are announced in the next video in the series.

Official contest rules: http://brianlagunas.com/desktop-to-web-series-youtube-official-contest-rules/

The Prize: https://www.infragistics.com/products/ultimate

Follow Me:
Twitter: https://twitter.com/brianlagunas
Blog: http://brianlagunas.com
GitHub: https://github.com/brianlagunas

UPDATE: And the winner is... John Olawale!