Angular Components

In this tutorial, we will learn how to Pass data to Parent Component from Child Component in Angular.  In the Previous tutorial, we looked at how the Parent component communicates with its child by setting its input property. The Child can send data to Parent by raising an event, Parent can interact with the child via local variable or Parent can call @ViewChild on the child. We will look at all those options in this article.

In this tutorial, we learn how Angular Passes the data to the child component. The Angular Components communicate with each other using @Input Annotation. We also look at how child components detect changes to these Input properties using OnChanges life Cycle hook or with a Property Setter.