ioni c 4 - как создать повторяющиеся поля формы

Question

Мне нужно создать форму для обновления нескольких элементов данных одновременно.

Это означает повторение одних и тех же полей в одной форме.

Мои данные в основном:

this.formData = [
  {areaId:1, price:10, qty:1000},
  {areaId:2, price:10, qty:1000},
  {areaId:3, price:10, qty:1000},
  ...
]

Так что я зацикливаю эти данные, но я не знаю, как мне назвать эти поля, потому что они повторяются.

<ng-container *ngFor="let a of this.formData; let i = index">
  <div class="area" [attr.areaId]="a.id">
    <ion-range min="1" max="10" step="1" name="price" value="XXXXX"></ion-range>
    <ion-range min="1" max="10" step="1" name="qty" value="XXXXX"></ion-range>
  </div>
</ng-container>

<ion-button (click)="submitForm()">submit</ion-button>

Есть мысли?