Angular ngSwitch寫法

使用ngSwitch在html行內撰寫不同case的switch條件和應用。

1. Typescript定義指定值

value = 10;

2. html撰寫ngSwitch屬性

當value為10時，顯示「value is 10」；當value為5時，顯示「value is 5」；其他時候顯示default。

<div [ngSwitch]="value">
    <p *ngSwitchCase="5">Value is 5</p>
    <p *ngSwitchCase="10">Value is 10</p>
    <p *ngSwitchDefault>Value is default</p>
</div>