[Angular] Angular ngSwitch Core Directive In Detail

When want to display different component based on some conditions:

?

1 2 3 4 5 6

<div class='course-category' [ngSwitch]="course.category">     <div class="category" *ngSwitchCase="'BEGINNER'">Beginner</div>     <div class="category" *ngSwitchCase="'INTERMEDIATE'">Intermediate</div>     <div class="category" *ngSwitchCase="'ADVANCE'">Advance</div>     <div class="category" *ngSwitchDefault="'BEGINNER'">All levels</div> </div>