fix: Update for loop of models to Angular 17 format

DSD-DBS · Nov 29, 2023 · f452815 · f452815
1 parent 51a3eb4
commit f452815
Showing 1 changed file with 12 additions and 14 deletions.
diff --git a/.../project-detail/model-overview/reorder-models-dialog/reorder-models-dialog.component.html b/.../project-detail/model-overview/reorder-models-dialog/reorder-models-dialog.component.html
@@ -17,20 +17,18 @@ <h2>Reorder models</h2>
     (cdkDropListDropped)="drop($event)"
     class="my-[15px] rounded border border-solid"
   >
-    <div
-      cdkDrag
-      *ngFor="let model of data.models"
-      class="flex items-center border-b border-solid"
-    >
-      <span class="ml-[10px]"
-        ><mat-icon class="mt-[10px] text-sm">reorder</mat-icon></span
-      >
-      <span class="mr-[10px] truncate"
-        ><span>{{ model.name }} ({{ model.tool.name }}</span>
-        <span *ngIf="model.version"> - {{ model.version.name }}</span>
-        <span>)</span></span
-      >
-    </div>
+    @for (model of data.models; track model.name) {
+      <div cdkDrag class="flex items-center border-b border-solid">
+        <span class="ml-[10px]"
+          ><mat-icon class="mt-[10px] text-sm">reorder</mat-icon></span
+        >
+        <span class="mr-[10px] truncate"
+          ><span>{{ model.name }} ({{ model.tool.name }}</span>
+          <span *ngIf="model.version"> - {{ model.version.name }}</span>
+          <span>)</span></span
+        >
+      </div>
+    }
   </div>
 
   <div class="flex justify-end">