Angular zbieranie danych z tabeli

0

Witam, proszę o pomoc w takim temacie:
Zapisywanie informacji z formularza odbywa się poprzez "#propertyForm="ngForm" " w formie:

      <form #propertyForm="ngForm" (ngSubmit)="onSubmit(property)">

      

        <table class="table table-striped">
          <thead>
            <tr>
              <th scope="col">#</th>
              <th scope="col">Imię dziecka</th>
              <th scope="col">Nazwisko dziecka</th>
            
              <th scope="col">#</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let dzieci of tabDzieci">
              <td>{{ dzieci.lp }}</td>
              <td>
                <input type="text"  name = "myBirthdaychiimie" [(ngModel)]="dzieci.imie" class="form-control">
              </td>
              <td>
                <input type="text"  name = "myBirthdaychinazwisko" [(ngModel)]="dzieci.nazwisko" class="form-control">
              </td>

              <td>
                <button type="button" class="btn btn-success" (click)="deleteItem(dzieci)">Usuń</button>
              </td>
            
            </tr>

          </tbody>
        </table>
        <div class="col-sm-6">
          <button type="button" class="btn btn-primary" (click)="dodajWiersz()">Dodaj</button>
        </div>
      </form>
  • w elementach wprowadzam nazwę i jest ok- a jak użyć takiego mechanizmu jeśli mamy tablicę? chodzi o to że użytkownik ma wypełniać tablicę np. imię oraz nazwisko dziecka. dodatkowo posiada przycisk dodaj wiersz ponieważ każdy ma inna liczbę dzieci - w jaki sposób można taką funkcjonalność zaimplementować.
    proszę o informację jak taką tabelę zbindować za pomocą #propertyForm="ngForm"
1

Ja bym to przerobił na ReactiveForms i użył FormArray.

0
Veox napisał(a):

Ja bym to przerobił na ReactiveForms i użył FormArray.

spoko a możesz podać przykład - możesz ten kawałek przerobić tak ?
jak to się ma do pozostałej części formularza gdzie są zwykłe pola textowe i numeryczne ?

1 użytkowników online, w tym zalogowanych: 0, gości: 1