Angular – Pass Data from Child to Parent Component by Emitting Events

Last Updated on

This post talks about passing data from child to parent component via emitting an event.


  • Angular CLI 7.3.9
  • NPM 6.4.1
  • Node v8.11.3
  • Internet connection

From Parent to Child Component

Please read Angular – Pass Data from One Component to Another

The Child Component

We use @Output decorator and EventEmitter class.

The Parent Component

The event is captured and passed to the onAddedItem function which adds the data to the itemList property in app.component.ts.

In app.component.ts


Download the Files


Karl San Gabriel

Karl San Gabriel

Professional Software Developer