Conditional Styling and Binding
<p>In Angular 2 I am binding a dollar value like this inside a TABLE TD.</p>

<pre><code>&lt;td&gt;
  {{eachOutlet.dollarValue}}
&lt;/td&gt;
</code></pre>

<p>This dollarValue will be less than 0 or equal to 0 or greater than 0.
When it is less than zero it should show up in "Red" color.
When it is zero, nothing should show up. Just blank text.
When it is greater than zero, it should use thousands separator and show the number.</p>

<p>How can I apply such conditional styling using Angular 2 binding?
Is it even possible to do it ?</p>