<td>
<span
*ngIf="eachOutlet.dollarValue != 0"
[style.color]="eachOutlet.dollarValue < 0 ? 'red' : null">
{{eachOutlet.dollarValue | number:'1.0-2'}}
</span>
</td>
You can also create a directive that does the styling (except the number
pipe) to make it easier to reuse over different elements.
Plunker example