angular 中*ngIf 和*ngSwitch判斷語句

<div style="text-align:center">
  <h1>
    Welcome to {{ title }}!
  </h1>
  <p *ngIf="true">show</p>
  <p *ngIf="isShow">hide</p>
  <p template="ngIf true">這是 ngIF 判斷是否顯示</p>

  <ul [ngSwitch]="status">
    <li *ngSwitchCase="1">已支付</li>
    <li *ngSwitchCase="2">訂單已經確認</li> 
    <li *ngSwitchCase="3">已發貨</li>
    <li *ngSwitchDefault>無效</li>
    </ul>
</div>

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'angulardemo';
  status='2';
  isShow=false;
}

效果：