Combina [NgStyle] With Condition (if..else)

Question

Ho letto NgStyle Documentation For Angular2. Un po 'di confusione per me. Qualche idea su come usare NgStyle con condizioni come (se ... altro) per impostare l'immagine di sfondo di qualsiasi elemento?

Answer 1

L'utilizzo di un operatore ternario all'interno del binding ngStyle funzionerà come condizione if/else.

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

Answer 2

Si può anche utilizzare questo tipo di condizione:

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

Richiede un po 'meno concatenazione di stringhe ...