switch case in angular code example
Example 1: typescript switch case
let day : number = 4;
switch (day) {
case 0:
console.log("It is a Sunday.");
break;
case 1:
console.log("It is a Monday.");
break;
case 2:
console.log("It is a Tuesday.");
break;
case 3:
console.log("It is a Wednesday.");
break;
case 4:
console.log("It is a Thursday.");
break;
case 5:
console.log("It is a Friday.");
break;
case 6:
console.log("It is a Saturday.");
break;
default:
console.log("No such day exists!");
break;
}
Example 2: typescript switch
switch(expression) {
case constant-expression1: {
break;
}
case constant_expression2: {
break;
}
default: {
break;
}
}
Example 3: angular switch component
<container-element [ngSwitch]="switch_expression">
<some-element *ngSwitchCase="match_expression_1">...</some-element>
</container-element>
Example 4: angular switch case
<container-element [ngSwitch]="switch_expression">
<!-- the same view can be shown in more than one case -->
<some-element *ngSwitchCase="match_expression_1">...</some-element>
<some-element *ngSwitchCase="match_expression_2">...</some-element>
<some-other-element *ngSwitchCase="match_expression_3">...</some-other-element>
<!--default case when there are no matches -->
<some-element *ngSwitchDefault>...</some-element>
</container-element>