Tenho um html com ngFor:
<div class="row p-3 border-bottom" *ngFor="let cont of contrib">
<!-- ! -->
<div class="col">
<p [class.text-danger]="redName === true" [class.text-light]="redName === false">{{cont.NOME}}</p>
</div>
<!-- ! -->
</div>
Faço uma requisição para ver se esse cont.NOME possui dados no banco, se caso não possuir, o nome ficara com a class text-light, mas se tiver dados, ficara com text-danger:
for (let index = 0; index < colabs.length; index++) {
this.service.showResults(colabs[index].FILIAL, colabs[index].MATRICULA).subscribe(
(res) => {
let cont = (<any>res).length
if (cont > 0) {
//nome fica vermelho
this.redName = true;
} else {
this.redName = false;
}
},
(err) => console.log(err)
)
}
mas os nomes só estao ficando com a class text-danger, sendo que um deles deveria ficar com text-light. Alguem poderia me ajudar?