What are Angular directives? Provide examples of built-in directives.

Answer

Angular directives are instructions that modify the behavior or appearance of HTML elements within an Angular application. They are used to extend HTML with additional functionality and provide a way to interact with the DOM.

Examples of built-in directives in Angular:

1. ngIf: Conditionally adds or removes elements from the DOM based on a given expression

         <div *ngIf="showElement">This element is conditionally displayed.</div>

2. ngFor: Iterates over a collection and creates a template for each item.

<ul>
<li *ngFor="let item of items">{{ item }}</li>
</ul>

3. ngStyle: Binds styles to an element based on a given expression.

<div [ngStyle]="{ 'color': textColor, 'font-size': fontSize + 'px' }">Styled Text</div>