Comment lister tous les éléments d'un tableau d'objet dans une table en utilisant la directive ngFor dans angulaire?

voix
0

Je dois afficher un tableau de données d'objets dans une table.

J'ai essayé ce code:

    <tr *ngFor=let item of fetchedMails>
      <td><input name=name [(ngModel)]=item.full_name></td>
      <td><input name=email [(ngModel)]=item.email></td>
    </tr>

Où fetchedMails est le tableau d'objets

Je l'ai utilisé 2 voies de liaison afin que l'utilisateur puisse pouvoir modifier le nom et soumettre le formulaire.

Mais dans le tableau, je ne pouvais obtenir le dernier élément du tableau répété n fois.

Comment puis-je afficher chaque élément de tableau dans le tableau?

Créé 24/10/2019 à 12:56
source utilisateur
Dans d'autres langues...                            


1 réponses

voix
3

Essayez ci - dessous solution .. Il suffit de retirer l' nameattribut et le remplacer parngModelOptions

<tr *ngFor="let item of fetchedMails">
  <td><input [ngModelOptions]="{standalone: true}" [(ngModel)]="item.full_name"></td>
  <td><input [ngModelOptions]="{standalone: true}" [(ngModel)]="item.email"></td>
</tr>

Créé 24/10/2019 à 13:01
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more