Tengo una tabla con objetos. Cada objeto tiene una hora y minuto asociada (a su ultima modificación).
Ilustrativo algo así:
Me gustaría que si es la misma misma hora. Se aplique un color a toda la fila (durante 5 segundos).
Estuve probando algunas cosas para intentar añadir y quitar clases despues de 5 segundos con Javascript.
Por el momento tengo esto:
<tr #row *ngFor="let order of orders; index as i" (onload)="getIsNew(order,row)" [ngClass]="{...}">
Mi idea era que al cargar le agregue la clase 'is-new'
a la #row
y a los 5 segundos quitarsela.
El problema es que directamente no ingresa a la funcion getIsNew()
.
Seguramente esté haciendo algo mal con el evento (onload) desde Angular.
La segunda opción fue usar [ngClass]. De tal manera quedaba así:
<tr #row *ngFor="let order of orders; index as i" [ngClass]="{'is-new': getIsNew(order,row)}">
donde getIsNew() es esta función:
getIsNew(order: Order, row:any):boolean{
return order.dataOfcreation.hour == this.date.getHour();
}
el problema es que permanece la clase 1 minuto entero (la comparación de las horas es HH:MM). No me gustaría agregar los segundos a estas horas.