What you'll learn

Writing maintainable and expressive Angular templates can be challenging without a solid understanding of Angular’s control flow syntax and techniques for inter-component communication. In this course, Angular: Components and Templates, you’ll learn to build flexible, readable, and reusable component templates. First, you’ll explore how to control template flow using Angular’s control flow syntax, including @if, @switch, @let, and advanced list rendering techniques with contextual variables and identity tracking. Next, you’ll discover how to use Angular’s built-in pipes for formatting data in your templates, and how to create your own custom pipes to encapsulate common display logic. Finally, you’ll learn how to build reusable components with content projection and how to pass data between components using input and output bindings, including two-way binding with model inputs and implicit change events. When you’re finished with this course, you’ll have the skills and knowledge of Angular templates and component communication techniques needed to confidently build dynamic and maintainable UIs in Angular.