title: ng-bind-html with style does not work
body: <p><br></p>
  
  <p>I'm searching how to solve my problem with <em>ng-bind-html</em> 
  as input I recive for example an icon with html</p>
  
  <pre><code>icon: '&lt;i class="fa fa-sign-out"&gt;&lt;i&gt;'
  </code></pre>
  
  <p>this works fine with <em>ng-bind-html:</em> </p>
  
  <pre><code>let buttonIcon = angular.element(`&lt;span ng-bind-html="icon"&gt;&lt;/span&gt;`);
  </code></pre>
  
  <p>and the display is like that:</p>
  
  <p><a href="https://i.stack.imgur.com/hOJJk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hOJJk.png" alt="enter image description here"></a></p>
  
  <p>but than I tried to add red color to fa-icon</p>
  
  <pre><code>icon: '&lt;i class="fa fa-sign-out" style="color:red;"&gt;&lt;i&gt;'
  </code></pre>
  
  <p>but with no success </p>
  
  <p>so I looked at HTML of and it seems that <code>style="color:red;"</code> is not in there.</p>
  
  <p>but I wont to display like that:</p>
  
  <p>(I tried add style in dev. tools to look if it works)</p>
  
  <p><a href="https://i.stack.imgur.com/05lQi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/05lQi.png" alt="enter image description here"></a></p>
  
  <p>Greetings</p>