TypeScript classes to manipulate DOM elements
Operate on existing elements
Don't have a template
Angular provides several directives: ngStyle, ngClass, ngModel
ng generate directive highlight or
ng g d highlight
my.component.html<p appHighlight>This is highlighted text</p>
If we wanted to highlight the text only when the user mouses over the element, then we would need to react to user events.
my.component.ts<p appHighlight="red">This is highlighted text</p>
What are directives?
Creating custom directives
Handling user events
Passing inputs to directive