Mastering Microservices with Java - Third Edition

Directives

There are three types of directives in Angular:

• Components: This is the most common directive that's used with HTML templates. Angular inserts the component based on the selector metadata property, as defined in the component.
• Structure directives: This modifies the DOM layout by adding or removing DOM elements. A few common structure directives are NgFor and NgIf.
• Attribute directives: Attribute directives are used as attributes of elements, for example, NgStyle.

You can also create your own directives using the following command:

ng generate directive <directive name>For example:ng generate directive otrsBold

This creates the following class:

import { Directive } from '@angular/core';@Directive({ selector: '[appOtrsBold]' ...