From e735e4c80bc5377f8a85271807f9957779bbbfaa Mon Sep 17 00:00:00 2001
From: Maxim Buur <maxim.buur@ritense.com>
Date: Tue, 24 Dec 2024 10:36:11 +0100
Subject: [PATCH] pr comment

---
 .../arbitrary-amount-value.component.html     | 28 +++++++++----------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/projects/valtimo/components/src/lib/components/multi-input/components/arbitrary-amount-value/arbitrary-amount-value.component.html b/projects/valtimo/components/src/lib/components/multi-input/components/arbitrary-amount-value/arbitrary-amount-value.component.html
index 832025437..b2c8e0d17 100644
--- a/projects/valtimo/components/src/lib/components/multi-input/components/arbitrary-amount-value/arbitrary-amount-value.component.html
+++ b/projects/valtimo/components/src/lib/components/multi-input/components/arbitrary-amount-value/arbitrary-amount-value.component.html
@@ -14,19 +14,17 @@
   ~ limitations under the License.
   -->
 
-<div
-  class="v-multi-input__input"
-  [ngClass]="{'--full-width': fullWidth}"
-  *ngFor="let _ of amountOfArbitraryValuesArray$ | async; index as i"
->
-  <cds-label *ngIf="index === 0">{{
-    arbitraryAmountTitles ? arbitraryAmountTitles[i] : ''
-  }}</cds-label>
+@for (_ of amountOfArbitraryValuesArray$ | async; let i = $index; track i) {
+  <div class="v-multi-input__input" [ngClass]="{'--full-width': fullWidth}">
+    <cds-label *ngIf="index === 0">{{
+      arbitraryAmountTitles ? arbitraryAmountTitles[i] : ''
+    }}</cds-label>
 
-  <input
-    cdsText
-    [defaultValue]="value ? value['' + i] : ''"
-    [disabled]="disabled"
-    (input)="onInputChange(i, $event.target.value)"
-  />
-</div>
+    <input
+      cdsText
+      [defaultValue]="value ? value['' + i] : ''"
+      [disabled]="disabled"
+      (input)="onInputChange(i, $event.target.value)"
+    />
+  </div>
+}