Создание копий формы внутри ngFor

Question

Я пытаюсь создать несколько экземпляров одной и той же формы в приложении Ionic следующим образом:

<ion-card *ngFor="let i of times">
    <form #f="ngForm" (ngSubmit)="updateTime(i['id'])">
      <ion-item>
        <ion-label><b>Dia: </b></ion-label>
        <ion-select>
          <ion-option *ngFor="let k of dias" [value]="k.id" [selected]="k.dia == i.diaSemana">{{k.dia}}</ion-option>
        </ion-select>
      </ion-item>
      <div class="class">
        <ion-item>
          <ion-label><b>Hora Inicio:</b></ion-label>
          <ion-datetime displayFormat="HH:mm" pickerFormat="HH mm" [(ngModel)]="i['inicio']" name="inicio" required></ion-datetime>
        </ion-item>
        <ion-item>
          <ion-label><b>Hora Fin:</b></ion-label>
          <ion-datetime displayFormat="HH:mm" pickerFormat="HH mm" [(ngModel)]="i['fin']" name="fin" required></ion-datetime>
        </ion-item>
      </div>
    </form>
    <br>
    <button class="submitButton" ion-button type="submit" block>Modificar Horario</button>
  </ion-card>

Однако, когда я нажимаю кнопку «Отправить», метод updateTime () не запускается,После некоторого исследования все ответы приводят к появлению ngFor внутри формы, что противоположно тому, что я ищу.

Итак, вопрос в том, как создать несколько копий формы, используя ngFor.

Answer 1

используйте (submit) вместо (ngSubmit)