In this tutorial, we learn how to use Angular lifecycle hooks. The life cycle hooks are the methods that angular invokes on directives and components as it creates, changes, and destroys them. Using life-cycle hooks we can fine tune the behavior of our components during creation, update, and destruction.
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.