Combinar [NgStyle] Con condición (si … de lo contrario)

Solución:

También se puede utilizar este tipo de condición:

<div [ngStyle]="myBooleanVar && {'color': 'red'}"></div>

Requiere un poco menos de concatenación de cadenas …

Usando un operador ternario dentro del ngStyle el enlace funcionará como una condición if / else.

<div [ngStyle]="{'background-image': 'url(' + value ? image : otherImage + ')'}"></div>

Las respuestas anteriores no me funcionaron, así que decidí mejorar esto.

Deberías trabajar con url(''), y no con valor.

<li *ngFor="let item of items">
  <div
    class="img-wrapper"
    [ngStyle]="{'background-image': !item.featured ? 'url('images/img1.png')' : 'url('images/img2.png')'}">
  </div>
</li>

---

---

Utiliza Nuestro Buscador