Angular loop form input

<form [formGroup]="paymentForm" (submit)="updatePayment()" >
                  <table style="width: 50%; margin-left: 20px;" >
                    <tr>
                      <td style="width: 11%;">Status Pembayaran</td>
                      <td>
                        <select class="form-control" style="width: 30%;border-color: #ff5252;" formControlName="payment_status">
                          <option value="26">Belum Lunas</option>
                          <option value="25">Lunas</option>
                        </select>
                      </td>
                    </tr>
                    <tr>
                      <td>Tipe Pembayaran</td>
                      <td>
                        <select  class="form-control" style="width: 30%;border-color: #ff5252;" formControlName="payment_type" [(ngModel)]="cekTermin">
                          <option value="17">Regular</option>
                          <option value="18">Kredit</option>
                        </select>
                      </td>
                    </tr>
                    <tr *ngIf="cekTermin==18">
                      <td>Termin</td>
                      <td><input type="number" class="form-control" style="width: 30%;border-color: #ff5252;" formControlName="termin"></td>
                    </tr>
                    <tr>
                      <td>Deadline Pembayaran <p>termin {{i}}</p></td>
                      <td><input type="date"  class="form-control" style="width: 30%;border-color: #ff5252;" formControlName="deadline"></td>
                    </tr>
                  </table>
</form

aku punya form code seperti diatas, yang ingin saya tanyakan, ketika inputan termin terisi maka form input untuk deadline pembayaran akan looping sebanyak jumlah yang di inputkan pada termin,yang ingin saya tanyakan yaitu bagaimana cara melakukan looping pada bagian dealian pembayaran dan menangkap jumlah inputan yang berupa array tersebut tanpa membuat formGroup menjadi bertipe array,

avatar ashleen
@ashleen

16 Kontribusi 0 Poin

Diperbarui 4 tahun yang lalu

1 Jawaban:

https://netbasal.com/angular-reactive-forms-the-ultimate-guide-to-formarray-3adbe6b0b61a

mungkin ini bisa membantu.

avatar rikicmd
@rikicmd

2 Kontribusi 0 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban