Tengo una tabla y debo cambiar el color de fondo en algunas condiciones:
<tbody class="custom-cells"> <tr *ngFor="let offer of offers" class="{{offer.step}}" [ngStyle]="{'background-color': offer.status && offer.status=== 'error' ? red : null}"> // I have tried like this but doesn't works <td class="columnStyle">{{offer.date | date:'dd/MM/yyy'}}</td> <td class="columnStyle grid"> {{offer.customer}} </td> <td class="columnStyle"> {{offer.code}} </td> <td class="columnStyle">{{offer.catalog ? offer.catalog : ''}}</td> </td> </tr> </tbody>el estado de mi oferta puede ser: error, ok, esperando.
¿Cómo puedo cambiar el fondo de la fila con status.offer?
Tienes una variable red indefinida en tu plantilla. Si desea usar el valor CSS "red" , debe usar comillas:
[ngStyle]="{'background-color': offer.status && offer.status === 'error' ? 'red' : null}"