Como gerar tabelas dinamicamente com angular?
array table 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.
Leia mais em: ngular.io/guide/displaying-data
