Performing Component Initialization
Learn how components are initialized in Angular and make use of the component lifecycle hooks.
We'll cover the following
In this lesson, we will understand the hooks of component lifecycle. Let’s start with the OnInit
hook, which is the most basic lifecycle event of a component.
The OnInit
lifecycle hook implements the ngOnInit
method, which is called during the component initialization. At this stage, all input bindings and data-bound properties have been set appropriately, and we can safely use them. Using the component constructor to access them may be tempting, but their values would not have been set at that point. We will understand the previous concept using the following example:
Open the
product-detail.component.ts
file and add aconstructor
that logs the value of thename
property in the browser console:
Get hands-on with 1200+ tech skills courses.