O meu ngFor nao ta mostrando todos os dados que chega, mas no console mostra todos os resultados.
Puxo uns dados da API e nela tem um dado de vendas e outro de meta, eles vem em um array e eu uso o forEach neles, e se caso ele atingiu a meta ele deve ir pra outro array:
this.MetaService.FiliaisMetaDiarias().subscribe(
data => {
const response = (data as any)
this.objeto_retorno = JSON.parse(response._body);
this.objeto_retorno.forEach(element => {
this.tots = element.TOTAL
if (this.tots >= this.MetaAtingida) {
this.fil = [
{
FI: element.FILIAL,
porc: element.TOTAL
}
]
this.fil.forEach(elements => {
this.mainColor = 'MetaAtingida'
})
}
Aí eu jogo no html:
<p [class]="mainColor + ' teste'" *ngFor="let elements of fil" >Filial {{ elements.FI }} = {{ elements.porc }}</p>
Ele deveria mostrar todos os resultados, mas por alguma razão está mostrando apenas o ultimo dado, mas no console ele mostra todos os dados.
Alguém pode me ajudar?