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 :
Le but est de récupérer l'input lorsque la méthode updatePerson(person.id) est appelée au clic du button.
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>
J'en profite pour demander conseil sur une lib grapique autre que angular material, qu'utilisez-vous ?
Merci encore..
Partager