What are some examples of Angular directives?

What are some examples of Angular directives?

Angular directives are special markers in the DOM that tell Angular to attach a specified behavior to that DOM element. Some common examples include: 1. ngModel: Binds the value of HTML controls (input, select, textarea) to application data. 2. ngFor: Repeats a portion of HTML template once per item from an iterable. 3. ngIf: Conditionally includes a template based on the value of an expression.

Can you explain how to use ngFor?

Sure! The ngFor directive is used to iterate over a collection. For example, if you have an array of items, you can use it like this: <div *ngFor="let item of items">{{ item }}</div>. This will create a new <div> for each item in the items array.

What about ngIf? How does it work?

The ngIf directive conditionally includes a template based on the truthiness of the expression provided. For example: <div *ngIf="isVisible">This is visible only if isVisible is true.</div>. If isVisible is false, the <div> will not be rendered.

Are there any custom directives in Angular?

Yes, you can create custom directives in Angular. A custom directive can be created using the @Directive decorator. For example, you can create a directive that changes the background color of an element when hovered over.