Fixing select Room

src/app/content/hemat-app/list-monitoring/add-edit-list/add-edit-list.component.html

@@ -137,7 +137,7 @@
                                 <div [formGroupName]="i" class="">
                                   <div class="input-group mb-1">
                                     <select
-                                      id="roomId"
+                                      id="roomId{{i}}"
                                       class="form-control"
                                       formControlName="roomId"
                                       (change)="validateDouble($event, i)"
@@ -147,7 +147,7 @@
                                       }"
                                     >
                                       <option
-                                        *ngFor="let list of dataRoomList"
+                                        *ngFor="let list of dataRoomList; trackBy: trackByFn"
                                         [value]="list.id"
                                       >
                                         {{ list.name }}

src/app/content/hemat-app/list-monitoring/add-edit-list/add-edit-list.component.ts

@@ -251,8 +251,6 @@ export class AddEditListComponent {
 
   dataListRoom() {
     this.monitoringApiService.getListRoomDataUnmap().subscribe((data) => {
-      console.log(data);
-      
       const newArray = data.data.map((item) => ({
         id: item.id,
         name: `${item.name} (${item.code})`,
@@ -260,6 +258,9 @@ export class AddEditListComponent {
       this.dataRoomList = newArray;
     });
   }
+  trackByFn(index: number, option: any): any {
+    return option.id;
+  }
 
   dataListFloor() {
     this.monitoringApiService.getListFloorDataUnmap(6).subscribe((data) => {