angular8裡面的*ngSwitch

古兔bug發表於2020-07-18
Angular

ts檔案：
定義一個型別：orderStatus

pubulc orderStatus:number = 1

// 1表示已經支付 2 表示支付成功 3 表示已經發貨 4 表示已經收穫貨 5 表示無效

html檔案：

<span [*ngSwitch]="orderStatus"></span>
<p *ngSwitchCase="1">
	表示已支付
</p>
<p *ngSwitchCase="2">
	表示支付成功	
</p>
<p *ngSwitchCase="3">
表示已經發貨
</p>
<p *ngSwitchCase="4">
表示已經收貨
</p>
<p *ngSwitchDefault="5">
表示無效
</p>

最終顯示： 表示已支付

相關文章