From 7f6d0b376533f87868f3f1504245f3b5f1dc30ec Mon Sep 17 00:00:00 2001
From: HarveyChou <harveychou@origtek-com.tw>
Date: Fri, 4 Nov 2022 14:51:57 +0800
Subject: [PATCH] =?UTF-8?q?ngSwitch=20=E5=A4=9A=E6=A2=9D=E4=BB=B6=E5=88=A4?=
 =?UTF-8?q?=E6=96=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/app.component.html       | 3 +--
 src/app/task/task.component.html | 7 ++++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 876cbe2..53cfa75 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -8,6 +8,5 @@
 </ng-template>
 
 <ng-template #list>
-  <app-task *ngFor="let task of tasks; let odd=odd" [class.odd]="odd"
-  [task] = "task"></app-task>
+  <app-task *ngFor="let task of tasks; let odd = odd" [class.odd]="odd" [task]="task"></app-task>
 </ng-template>
diff --git a/src/app/task/task.component.html b/src/app/task/task.component.html
index 77a9e95..db14ca1 100644
--- a/src/app/task/task.component.html
+++ b/src/app/task/task.component.html
@@ -1,2 +1,7 @@
-<span>{{ task.TaskSn }} </span>
 <span>{{task.TaskName}}</span>
+<div [ngSwitch]="task.State">
+  <div *ngSwitchCase="'Doing'">進行中</div>
+  <div *ngSwitchCase="'Finish'">已完成</div>
+  <div *ngSwitchDefault>未安排</div>
+</div>
+