Angular - How to apply [ngStyle] conditions

Question

I have a div that I want to style based on a condition.

If styleOne is true I want a background colour of red. If StyleTwo is true, I want the background colour to be blu

Answer 1

For a single style attribute, you can use the following syntax:

I assumed that the background color should not be set if neither style1 nor style2 is true.

---

Since the question title mentions ngStyle, here is the equivalent syntax with that directive: