Me revoilà rapide comme un spam lol,

Je bosse sur une table avec angular material et sur chaque ligne j'ai un bouton qui permet d'updater les éléments de chaque cellule .
Mais ça n'update pas car dans le code le button est hors du form et de plus il est dissocié de l'input que je dois récupérer

le code extrait du datable:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
--------------------------------------------------------------------------
<td>
  <div *ngIf="column==='edit'; else dataField">
    <button type="submit" (click)="updatePerson(person.id)">Done</button>//On finalise l'update en cliquant 'done'
  </div>
  <ng-template #dataField>
    <mat-form-field>
      <mat-label>{{column}}</mat-label>
      <input type="text" matInput [(ngModel)]=person[column]>
    </mat-form-field>
  </ng-template>
</td>
-----------------------------------------------------------------------------

le form qui injecte dans le datatable :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div>
  <form #f="ngForm" (ngSubmit)="addPerson()">
 
    <div class="form-group">
      <label for="name">Nom</label>
      <input type="text" class="form-control" name="name" id="name" [(ngModel)]="person.name" />
    </div>
 
    <div class="form-group">
      <label for="age">Age</label>
      <input type="number" class="form-control" name="age" id="age" [(ngModel)]="person.age" />
    </div>
 
    <div class="form-group">
      <button type="submit" class="btn btn-primary">Ajouter une personne</button>
    </div>
  </form>
</div>
Le but est de récupérer l'input lorsque la méthode updatePerson(person.id) est appelée au clic du button.
J'en profite pour demander conseil sur une lib grapique autre que angular material, qu'utilisez-vous ?
Merci encore..