From aa2d25fae527a7bf297ed213467019ac7192fd24 Mon Sep 17 00:00:00 2001
From: HarveyChou <harveychou@origtek-com.tw>
Date: Fri, 4 Nov 2022 14:26:58 +0800
Subject: [PATCH] =?UTF-8?q?ngIf=20=E5=B0=87=E5=85=83=E7=B4=A0list=E7=A7=BB?=
 =?UTF-8?q?=E8=87=B3=20ng-template?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/app.component.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 0113d22..876cbe2 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,10 +1,13 @@
 <button type="button" (click)="onLoad()">載入資料</button>
 <button type="button" (click)="onClear()">清除資料</button>
 
-<div *ngIf="tasks.length >= 1; else empty">
-  <app-task *ngFor="let task of tasks; let odd = odd" [class.odd]="odd" [task]="task"></app-task>
-</div>
+<div *ngIf="tasks.length === 0; then empty else list"></div>
 
 <ng-template #empty>
   <div class="data-empty">無待辦事項</div>
 </ng-template>
+
+<ng-template #list>
+  <app-task *ngFor="let task of tasks; let odd=odd" [class.odd]="odd"
+  [task] = "task"></app-task>
+</ng-template>