Como listar todos os elementos de um array de objetos em uma tabela utilizando directiva ngFor em angular?

votos
0

I tem que exibir uma matriz de dados de objectos para uma mesa.

Eu tentei este código:

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

Onde fetchedMails é a matriz de objetos

Eu usei 2 vias de ligação para que o usuário poderia capaz de editar o nome e re-enviar o formulário.

Mas na mesa, eu só poderia obter o último elemento da matriz repetido n vezes.

Como posso exibir cada elemento da matriz na tabela?

Publicado 24/10/2019 em 12:56
fonte usuário
Em outras línguas...                            


1 respostas

votos
3

Tente seguir solução .. Basta remover nameAtributo e substituí-lo porngModelOptions

<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>

Respondeu 24/10/2019 em 13:01
fonte usuário

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