COMO LISTAR DADOS

Como gerar tabelas dinamicamente com angular?

Como gerar tabelas dinamicamente com angular?

Usa-se o ngFor para isso.

Para inserir as linhas de uma tabela dinamicamente, basta colocar junto na tag tr o ngFor.

Ficando algo como:

  <tr *ngFor="let dado of tabela">
   <td>{{ dado.campo1 }}</td>
   <td>{{ dado.campo2 }}</td>
   <td>{{ dado.campo3 }}</td>
  </tr>

Se quiser também pode inserir as células dinamicamente.

Ficando algo assim:

  <tr *ngFor="let dado of tabela; let i = index">
   <td *ngFor="let item of tabela[i]">{{ item }}</td>
  </tr>

Desse modo não funciona, em breve coloco a solução aqui.

Pode ser usado apenas em arrays.



Como recuperar posição de array na View do angular?

Como recuperar posição de array na View do angular?

Cria uma variável para inserir o index.

Estou tentando passar um array para a view do angular. Para isso usei ngfor="let campo of campos" e me retornou os campos do array no TypeScript e inseriu em uma variável para mostrar na tela, mas gostaria também de identificar a posição desse array.

Pra isso bastou usar "let i = index". Sendo index um dos parâmetros contidos em todos arrays do angular. Ficando assim ngfor="let campo of campos; let i of index".



botão de compartilhamento whatsapp botão de compartilhamento no twiter botão de compartilhamento do site botão de compartilhamento no linkedin botão de compartilhamento whatsapp