Récupérer une ligne dans un tableau Angular

[snsdtiti]

Bonjour ! J'ai un petit soucis, j'essaie de créer un formulaire sous forme de table, donc dans le tableau je met un input et mon but est de récupérer les inputs de la ligne avec le bouton MiseAJour mais je ne sais pas comment faire...

<tr #element *ngFor="let info of infoTable; let j = index">
                <td *ngFor="let col of nomColonne; let i=index">
                    <input *ngIf="!edit" class="form-control" type="text" placeholder="{{info[col]}}" readonly >
                        <input *ngIf="edit" type="text" value="{{info[col]}}">

                </td>
                <td *ngIf="edit">
                    <button class="btn btn-outline-primary" (click)="miseAjour(j, element, info)">
                        <span *ngIf="!spinner.modif" class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                        Mettre a jour
                    </button>
                    <fa-icon  class="btn btn-outline-danger" [icon]="faFont.faTrashAlt" (click)="supprimer(j)"></fa-icon>
                    
                </td>

 </tr>

J'ai essayé de récupérer les children de element mais je n'arrive pas à accéder à la value de l'input (qui va changer c'est pour ça que je peux pas utiliser info[col])

Est ce que quelqu'un aurait une idée ?
Merci d'avance ^^
-----

[vgondr98]

Par exemple, tu pourrais mettre une classe css dans ton input et utiliser https://developer.mozilla.org/fr/doc...ntsByClassName qui renvoi un tableau d'élément en fonction d'une classe css.
Après il faut faire

 element = element.get(i);
element .value; 
  

https://stackoverflow.com/questions/...ure-javascript

Tu peux aussi mettre un id dans ton input qui serait une concatenation de l'index de la ligne j avec la variable col => lignejcol.
Par exemple pour la ligne 1 et la colonne client cela donnerait id = "1client".

[vgondr98]

https://angular-2-training-book.rang...y_data_binding

Il y aussi bien sûr le two_way_data_binding :

<input [ngModel]="name">

Avec cette exemple, la variable name qui se trouve sur le fichier .ts est setté avec ce que rentre l'utilisateur.

<input [ngModel]="tableau[j][col]"> Avec cette exemple, le tableau javascript tableau à la ligne j et pour la colonne col sera setté par l'utilisateur.

[snsdtiti]

Merci beaucoup !

Désolée il me semblait avoir répondu et en fait non ^^'

[A voir en vidéo sur Futura]