ng style

1<div [ngStyle]="{'background-color':person.country === 'UK' ? 'green' : 'red' }"></<div>

1<some-element [ngStyle]="{'max-width.px': widthExp}">...</some-element> 

1      
2        content_copy
3      
4      <some-element [ngStyle]="{'max-width.px': widthExp}">...</some-element>
5    

1<!-- for dynamic content in components -->
2
3<ng-content></ng-content> <!-- in app-component template -->
4
5<app-component>
6  <!-- insert html here -->
7</app-component>
8

1<input type="button" value="set color" ng-click="myStyle={color:'red'}">
2<input type="button" value="set background" ng-click="myStyle={'background-color':'blue'}">
3<input type="button" value="clear" ng-click="myStyle={}">
4<br/>
5<span ng-style="myStyle">Sample Text</span>
6<pre>myStyle={{myStyle}}</pre>