Answers for "ng style"

ngstyle

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

ng style

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

ngstyle

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

ng content

<!-- for dynamic content in components -->

<ng-content></ng-content> <!-- in app-component template -->

<app-component>
  <!-- insert html here -->
</app-component>

ng-style

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