title: Angular - styles being ignored/overwritten
body: <p>I'm having an issue with styles not being applied to elements.  If I add style information to the component's styles parameter, or provide a CSS file in the styleUrls parameter, I get the expected results.  However, inline HTML styles are not being applied.  In the below example I'm trying to apply a red background to a div, but it stays white.  This HTML exists as a template for an Angular Component.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div style="background: red;"&gt;test&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>However, if I add ngStyle="" to the element such as:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div style="background: red;" ngStyle=""&gt;test&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Then Angular renders the background of the div in red.</p>
  
  <p>Any ideas what is causing Angular to ignore style attributes like this?</p>