แก้รูปภาพ

src/app/pages/equipment/equipment.component.html

@@ -70,7 +70,7 @@
                                 <div class="row">
                                     <div class="col-sm-3" *ngFor="let item of listEquirment">
                                         <div class="card-body">
-                                            <img src="assets\img\mo1.jpg" class="nav justify-content-center" alt="...">
+                                            <img [src]="item.pic" class="nav justify-content-center" alt="...">
 
                                         </div>
 
@@ -214,10 +214,7 @@
                                     <option [ngValue]="100">100 items per page</option>
                                 </select>
                             </div>
-                            <div class="d-grid gap-2 a-md-flex justify-content-md-end">
-                                <button class="btn btn-primary" type="button">ยืม</button>
-                                <button class="btn btn-primary" type="button">ยกเลิก</button>
-                            </div>
+
                         </div>
                     </div>
                 </div>

src/app/pages/equipment/equipment.component.ts

@@ -26,28 +26,28 @@ export class EquipmentComponent implements OnInit {
       name: "จอคอมพิวเตอร์",
       desc: "หน้าจอขนาด 22 นิ้ว",
       type: "it",
-      pic: "assets\img\mo1.jpg"
+      pic: "assets/img/mo1.jpg"
     },
     {
       id: 2,
       name: "เมาส์",
       desc: "...",
       type: "it",
-      pic: "assets\img\mou.jpg"
+      pic: "assets/img/mou.jpg"
     },
     {
       id: 3,
       name: "โน๊ตบุ๊ค",
       desc: "หน้าจอขนาด 20 นิ้ว",
       type: "it",
-      pic: "assets\img\notebook.jpg"
+      pic: "assets/img/notebook.jpg"
     },
     {
       id: 4,
       name: "คีย์บอร์ด",
       desc: "...",
       type: "it",
-      pic: "assets\img\keyboard.png"
+      pic: "assets/img/keyboard.png"
     }
   ]
   collectionSize = this.listEquirment.length;