Question

我正在尝试通过以下方式在Ionic App中创建相同表单的多个实例：

<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>

但是，当我按下Submit按钮时，不会触发updateTime（）方法。经过一番研究，所有答案都导致Form内出现ngFor，这与我正在寻找的相反。

问题是，如何使用ngFor创建表单的多个副本。

Answer 1

使用(submit)代替(ngSubmit)

在ngFor中创建表单的副本

1 个答案: