In this chapter, you learned a lot of new concepts on building UI-component-based applications with Angular. Also, we built the core component of our task management application, which is the task list itself. You learned about the concept of input and output properties and how to use them to build two-way data binding.

We also covered the basics of the Angular component life cycle and how to use life cycle hooks to execute post initialization steps.

As the last step, we integrated a toggle button list component within our task list to filter the task states. We refactored our task-list component to use a service in order to obtain task data. For this, we used Angular's dependency injection.