add array pic successfully + p3 practice done

src/app/home/dataList.const.ts

@@ -57,7 +57,7 @@ export const dataList = [
             'id': 800,
             'main': 'Clear',
             'description': 'sky is clear',
-            'icon': '01d'
+            'icon': '../../assets/01d.png'
           }
         ],
         'speed': 1.92,
@@ -81,7 +81,7 @@ export const dataList = [
             'id': 800,
             'main': 'Clear',
             'description': 'sky is clear',
-            'icon': '01d'
+            'icon': '../../assets/01d.png'
           }
         ],
         'speed': 2.3,
@@ -105,7 +105,7 @@ export const dataList = [
             'id': 500,
             'main': 'Rain',
             'description': 'light rain',
-            'icon': '10d'
+            'icon': '../../assets/10d.png'
           }
         ],
         'speed': 3.21,
@@ -130,7 +130,7 @@ export const dataList = [
             'id': 500,
             'main': 'Rain',
             'description': 'light rain',
-            'icon': '10d'
+            'icon': '../../assets/10d.png'
           }
         ],
         'speed': 3.75,
@@ -154,7 +154,7 @@ export const dataList = [
             'id': 800,
             'main': 'Clear',
             'description': 'sky is clear',
-            'icon': '01d'
+            'icon': '../../assets/01d.png'
           }
         ],
         'speed': 1.98,
@@ -178,7 +178,7 @@ export const dataList = [
             'id': 800,
             'main': 'Clear',
             'description': 'sky is clear',
-            'icon': '01d'
+            'icon': '../../assets/01d.png'
           }
         ],
         'speed': 3.14,
@@ -202,7 +202,7 @@ export const dataList = [
             'id': 500,
             'main': 'Rain',
             'description': 'light rain',
-            'icon': '10d'
+            'icon': '../../assets/10d.png'
           }
         ],
         'speed': 6.9,
@@ -227,7 +227,7 @@ export const dataList = [
             'id': 800,
             'main': 'Clear',
             'description': 'sky is clear',
-            'icon': '01d'
+            'icon': '../../assets/01d.png'
           }
         ],
         'speed': 6.71,
@@ -251,7 +251,7 @@ export const dataList = [
             'id': 500,
             'main': 'Rain',
             'description': 'light rain',
-            'icon': '10d'
+            'icon': '../../assets/10d.png'
           }
         ],
         'speed': 6.22,
@@ -276,7 +276,7 @@ export const dataList = [
             'id': 500,
             'main': 'Rain',
             'description': 'light rain',
-            'icon': '10d'
+            'icon': '../../assets/10d.png'
           }
         ],
         'speed': 7.32,
@@ -301,7 +301,7 @@ export const dataList = [
             'id': 501,
             'main': 'Rain',
             'description': 'moderate rain',
-            'icon': '10d'
+            'icon': '../../assets/10d.png'
           }
         ],
         'speed': 5.19,
@@ -326,7 +326,7 @@ export const dataList = [
             'id': 500,
             'main': 'Rain',
             'description': 'light rain',
-            'icon': '10d'
+            'icon': '../../assets/10d.png'
           }
         ],
         'speed': 8.15,
@@ -351,7 +351,7 @@ export const dataList = [
             'id': 500,
             'main': 'Rain',
             'description': 'light rain',
-            'icon': '10d'
+            'icon': '../../assets/10d.png'
           }
         ],
         'speed': 3.5,

src/app/home/home.component.html

@@ -94,7 +94,7 @@ cnt:<input type="number" min="1" max="7"><br>
               {{ item2.description }}
           </td>
           <td *ngFor = "let item2 of item.weather">
-              {{ item2.icon }}
+              <img [src]=" item2.icon "/>
           </td>
           <td>
               {{ item.speed }} meter/sec

src/app/p3/p3.component.html

 <p style="color:green">題三</p>
 
-
-
-<h4>作業連結</h4> (目前在stackblitz能做出來，但用自己的電腦卻bulid不起來，無法display)：<br>
-
-<a href="https://stackblitz.com/edit/angular-cjmsgg">Stackblitz</a>
-
-<!-- <p>
+<p>
   WidthLength : <input type="number" min="1" step="5"
                 [(ngModel)]="widthLength" (change)="showPic()" ><br>
   HeightLength : <input type="number" min="1" step="5"
                 [(ngModel)]="heightLength" (change)="showPic()"><br>
 
   <img [src]='imageUrl '/>
-</p> -->
+</p>
 
 <router-outlet></router-outlet>

src/app/p3/p3.module.ts

 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
 
 import { P3RoutingModule } from './p3-routing.module';
 import { P3Component } from './p3.component';
@@ -8,7 +9,8 @@ import { P3Component } from './p3.component';
   declarations: [P3Component],
   imports: [
     CommonModule,
-    P3RoutingModule
+    P3RoutingModule,
+    FormsModule
   ]
 })
 export class P3Module { }