title: Angular - How to apply [ngStyle] conditions
body: <p>I have a div that I want to style based on a condition.</p>
  <p>If styleOne is true I want a background colour of red. If StyleTwo is true, I want the background colour to be blue. I've got half of it working with the below code.</p>
  <pre class="lang-html prettyprint-override"><code>    &lt;div id=&quot;myDiv&quot; [ngStyle]=&quot;styleOne &amp;&amp; {'background-color': 'red'}&quot;&gt;
  </code></pre>
  <p>Is it possible to add a condition to say:</p>
  <ul>
  <li>if styleOne is true, do this</li>
  <li>if styleTwo is true, do this?</li>
  </ul>
  <p><strong>Edit</strong></p>
  <p>I think i've resolved it. It works. Not sure if it's the best way:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div id=&quot;div&quot; [ngStyle]=&quot;styleOne &amp;&amp; {'background-color': 'red'} || styleTwo &amp;&amp; {'background-color': 'blue'}&quot;&gt;
  </code></pre>