update

src/app/home/home.component.html

@@ -60,59 +60,119 @@ cnt:<input type="number" min="1" max="7"><br>
       <th>icon</th>
   </tr>
 
-  <tr *ngFor = "let item of list">
-      <td *ngFor = "let l of item.list_">
-          {{ l.dt * 1000 | date:'yyyy-MM-dd hh:mm:ss'}}
+  <!-- TODO  -->
+
+  <tbody *ngFor = "let l of list">
+      <tr *ngFor = "let item of l.list_">
+          <td>
+              {{ item.dt * 1000 | date:'yyyy-MM-dd hh:mm:ss' }}
+          </td>
+          <td>
+              {{ item.temp.day - 273.15 | number }} °C
+          </td>
+          <td>
+              {{ item.temp.min | number }} °C
+          </td>
+          <td>
+              {{ item.temp.max | number }} °C
+          </td>
+          <td>
+              {{ item.temp.night | number }} °C
+          </td>
+          <td>
+              {{ item.temp.eve | number }} °C
+          </td>
+          <td>
+              {{ item.temp.morn | number }} °C
+          </td>
+          <td>
+              {{ item.pressure | number }} hpa
+          </td>
+          <td>
+              {{ item.humidity | number }} %
+          </td>
+          <td>
+              {{ item.weather.id }}
+          </td>
+          <td>
+              {{item }}
+          </td>
+          <td >
+              {{item }}
+          </td>
+          <td>
+              {{item }}
+          </td>
+          <td>
+              {{item}} meter/sec
+          </td>
+          <td>
+              {{item}} °
+          </td>
+          <td>
+              {{item}} %
+          </td>
+          <td>
+              {{item}}
+          </td>
+
+      </tr>
+
+
+  </tbody>
+  <!-- <tr *ngFor = "let item of list[0].list_">
+      <td>
+          {{item | json }}
 			</td>
 			<td>
-          {{ l.day }} °C
+          {{ item }} °C
 			</td>
 			<td>
-          {{item.list_}} °C
+          {{item | json}} °C
 			</td>
 			<td>
-          {{item.list_ }} °C
+          {{item }} °C
 			</td>
 			<td>
-          {{item.list_  }} °C
+          {{item  }} °C
 			</td>
 			<td>
-          {{item.list_ }} °C
+          {{item }} °C
 			</td>
 			<td>
-          {{item.list_ }} °C
+          {{item }} °C
 			</td>
 			<td>
-          {{item.list_}} hpa
+          {{item}} hpa
 			</td>
 			<td>
-          {{item.list_}} %
+          {{item}} %
 			</td>
 			<td>
-				  {{item.list_ }}
+				  {{item }}
 			</td>
 			<td>
-          {{item.list_ }}
+          {{item }}
 			</td>
 			<td >
-          {{item.list_ }}
+          {{item }}
 			</td>
 			<td>
-          {{item.list_ }}
+          {{item }}
 			</td>
 			<td>
-          {{item.list_}} meter/sec
+          {{item}} meter/sec
 			</td>
 			<td>
-          {{item.list_}} °
+          {{item}} °
 			</td>
 			<td>
-          {{item.list_}} %
+          {{item}} %
 			</td>
 			<td>
-				  {{item.list_}}
+				  {{item}}
 			</td>
-      </tr>
+      </tr> -->
 
 </table>
 <br>

src/app/p2/p2.component.html

 <p style="color:green">題二</p>
-<p>尚未將刪除功能做出、隱藏及加總功能也還沒，十分抱歉</p>
+<p>尚未將隱藏及加總功能也還沒</p>
 <form (ngSubmit)="addData()">
 <p>
   單品：<input type="text" name="name" [(ngModel)]="name" ><br>
@@ -22,7 +22,7 @@
   <!-- 清單 -->
   <ng-container *ngFor="let data of datas; let i = index">
   <tr>
-    <td><button (click)="deleteItem(data)">刪除</button></td>
+    <td><button (click)="deleteItem(data, i)">刪除</button></td>
     <td>{{ data.name }}</td>
     <td>{{ data.price }}</td>
     <td>{{ data.quantity }}</td>

src/app/p2/p2.component.ts

@@ -51,10 +51,9 @@ export class P2Component implements OnInit {
     totalPrice(){
     }
 
-    deleteItem(name): void {
+    deleteItem(name, i): void {
       console.log(name);
-      // if(this.datas[i]['name'] == name)
-      // this.datas.splice(this.datas, 1);
+      this.datas.splice(i, 1);
     }
 
   constructor() { }

src/app/p4/p4.component.html

@@ -13,6 +13,9 @@
             autofocus
             (keyup.enter)="addNumber($event.target)"
             ><br><br>
-  欄位二 : <input class="number"><br><br>
+  欄位二 : <input class="number"
+            placeholder="輸入看看"
+            autofocus
+            (keyup.enter)="addNumber2($event.target)"><br><br>
   欄位三 : <input class="number">
   <router-outlet></router-outlet>

src/app/p4/p4.component.ts

@@ -14,10 +14,10 @@ export class P4Component implements OnInit {
     console.log(inputRef.value);
     inputRef.value = '';
 
-    inputRef.value = this.value2;
+    this.value2 = new Number(inputRef.value);
 
     if (
-      this.value2 = 0
+      this.value2 === 0
     ) {
       alert('good');
     } else {
@@ -25,6 +25,21 @@ export class P4Component implements OnInit {
     }
   }
 
+  addNumber2(inputRef: HTMLInputElement): void {
+    console.log(inputRef.value);
+    inputRef.value = '';
+
+    inputRef.value = this.value2;
+
+    if (
+      this.value2 !== 'number'
+    ) {
+      alert('bye');
+    } else {
+    alert('okay~');
+    }
+  }
+
 
 
   constructor() { }