Tenho um array com os dados do usuario, que são os dados que ele bateu ponto naquela data que ta no array. array:
[
0:{CCT: "150403",CODIGO_EVENTO: "012",COLABORADOR: "FULANO",DATA: "20190110",DESCRICAO: "ATRASO AUTORIZADO", FILIAL: "01",MATRICULA: "000457", QUANTC: 0.24},
1:{CCT: "150403",CODIGO_EVENTO: "013",COLABORADOR: "FULANO",DATA: "20190110",DESCRICAO: "ATRASO ", FILIAL: "01",MATRICULA: "000457", QUANTC: 0.24},
2:{CCT: "150403",CODIGO_EVENTO: "013",COLABORADOR: "FULANO",DATA: "20190110",DESCRICAO: "ATRASO AUTORIZADO", FILIAL: "01",MATRICULA: "000457", QUANTC: 0.30},
3:{CCT: "150403",CODIGO_EVENTO: "012",COLABORADOR: "FULANO",DATA: "20190111",DESCRICAO: "ATRASO AUTORIZADO", FILIAL: "01",MATRICULA: "000457", QUANTC: 0.31},
4:{CCT: "150403",CODIGO_EVENTO: "012",COLABORADOR: "FULANO",DATA: "20190111",DESCRICAO: "HORA EXTRA AUT. 50% ", FILIAL: "01",MATRICULA: "000457", QUANTC: 0.20}
]
Aí no HTML fica assim:
<div *ngFor="let dados of dadosColab">
<p class="text-light "><span class="text-warning">DATA:</span> {{formatDate(data)}} </p>
<p class="text-light"><span class="text-warning">QTDE. CALCULADA:</span> {{QUANTC}} </p>
<p class="text-light"><span class="text-warning">DESCRIÇÃO:</span> {{descri}} </p>
</div>
aí aparece:
DATA: 20190110
dados...
DATA: 20190110
dados...
só que eu preciso que mostre só uma vez a data, assim:
DATA: 20190110
reg1
reg2
reg3
DATA: 20190111
reg1
reg2
e assim por diante, sem ficar repetindo a data. Tem alguma forma de fazer isso pelo proprio *ngFor ou mexendo no array? Estou perdida nesse problema