Angular Directives allow you to add custom behavior to elements and components. Rather than creating a hierarchy of components to try to "extend" behavior, Angular Directives enable you to compose behaviors on to your components. This includes adding event listeners that hook into services, manipulating templates, and adding more configuration to basic elements. This course helps you understand the concepts around building our Angular directives and provides examples from basic directives that inspect elements to advanced structural directives that completely re-write templates. If Angular is new and the syntax foreign, you will want to check out Get Started with Angular and Building Angular Components.
Overview
Syllabus
- Write an Angular Directive
- Add Inputs to Angular Directives
- Handle Events with Angular Directives
- Build a Directive that Tracks User Events in a Service in Angular
- Combine HostBinding with Services in Angular Directives
- Use Template Elements in Angular
- Create Elements from Template Elements with ngTemplateOutlet in Angular
- Write a Structural Directive in Angular
- Implement Structural Directive Data Binding with Context in Angular
- Assign a Structual Directive a Dynamic Context in Angular
- Create a Template Storage Service in Angular
Taught by
John Lindquist
