TypeScript 2.x By Example

Homepage – initialize the data

Populating the data into our homepage is now simply a matter of calling the seedData method and assigning the value to the local Board object. To do this, we will call TrelloService.

Angular provides life cycle hooks for us to manage the component workflows. These life cycle hooks are the events exposed by Angular, which signify a specific action performed, such as when Angular creates a component, when it initializes the components, when it renders the component, and, in the end, when it destroys the component.

All the life cycle hooks are exposed by Angular in its core module with the most common hooks, which are used.