What s the difference between ngIf ngFor and ngSwitch

Question

With the help of code and example tell me What's the difference between ngIf, ngFor, and ngSwitch?

Answer 1

Directive	Purpose	Usage	Example
*ngIf	Conditionally adds/removes elements based on a boolean expression.	*ngIf="condition"	<p *ngIf="isVisible">Visible if true</p>
*ngFor	Iterates over a list and renders elements dynamically.	*ngFor="let item of items"	<li *ngFor="let user of users">{{ user.name }}</li>
*ngSwitch	Displays one element from multiple choices based on a matching value.	[ngSwitch]="expression" with *ngSwitchCase	<div [ngSwitch]="status"><p *ngSwitchCase="'Active'">Active</p><p *ngSwitchCase="'Inactive'">Inactive</p></div>