=====ngSwitch=====

С помощью директивы **ngSwitch** можно встроить в шаблон конструкцию switch..case и в зависимости от ее результата выполнения выводить тот или иной блок. Например:\

<code javascript>
import { Component} from '@angular/core';
 
@Component({
    selector: 'my-app',
    template: `<div [ngSwitch]="count">
                  <ng-template ngSwitchCase="1">{{count * 10}}</ng-template>
                  <ng-template ngSwitchCase="2">{{count * 100}}</ng-template>
                  <ng-template ngSwitchDefault>{{count * 1000}}</ng-template>
                </div>`
})
export class AppComponent {
     
    count: number = 5;
}
</code>

Директива ''ngSwitch'' в качестве значения принимает некоторое выражение. В данном случае это свойство count. В элемент ng-template помещается инструкция ''ngSwitchCase'', которая сравнивает значение выражения из ''ngSwitch'' с другим выражением. Если оба выражения равны, то используется данный элемент template. Иначе выполнение переходит к следующим инструкциям ''ngSwitchCase''. Если же ни одна из инструкций ''ngSwitchCase'' не была выполнена, то вызывается инструкция ngSwitchDefault.