title: Angular 2.0 and ng-style
body: <p>I am building an Angular 2.0 component and I want to control it's style dynamically (using <code>ng-style</code>). After a quick view on Angular 2's docs i tried this:</p>
  
  <pre><code>&lt;div class="theme-preview" ng-style="{'font-size': fontSize}"&gt;
    {{fontSize}}
  &lt;/div&gt;
  </code></pre>
  
  <p>And saw that the size is actually printed inside the div but did not affected the style. <code>fontSize</code> is one of component's property bindings', meaning the component gets it from its parent like this:</p>
  
  <pre><code>&lt;my-component [font-size]="size" /&gt;
  </code></pre>
  
  <p>While inside the component I have:</p>
  
  <pre><code>@Component({
    selector: 'XXX',
    properties: ['fontSize']
  })
  </code></pre>
  
  <p>Am I missing something here?</p>