title: Update style attribute when ngStyle is updated
body: <p>I have a <code>div</code> with an <code>ngStyle</code> attribute. Initially the <code>div</code> looks fine. But when I update a property that is used inside the <code>ngStyle</code>attribute, then the <code>style</code> tag isn't updated. So the changes aren't reflected to the <code>div</code>.</p>
  
  <p>Here's an example of what I mean: <a href="http://plnkr.co/edit/YQIxJYEFWwbxiXr4HBwY?p=preview" rel="nofollow">http://plnkr.co/edit/YQIxJYEFWwbxiXr4HBwY?p=preview</a></p>
  
  <p>Initially the <code>div</code> is green. When you click on the button below it then you can see that the <code>ngStyle</code> attribute is updated with the <code>#ff0000</code> (red) color. But the <code>style</code> attribute doesn't get updated.</p>
  
  <p>Is there any way to force angular to update the <code>style</code> attribute again?</p>
  
  <p><strong>Please note:</strong> In my real scenario the div has a lot more <code>style</code> properties. And the <code>div</code> also has a <code>&lt;p&gt;</code> tag which has style properties etc.</p>
  
  <p>I don't want to change the way the <code>ngStyle</code> looks right now. I want to know if it's possible to forcefully update the style attribute when I use this method. </p>