title: Angular JS shows HTML within the tag
body: <p>I am trying to insert HTML inside template using <code>ng-bind-html-unsafe</code> attribute. But for some reason its not working.</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;tr class="white two-button" ng-repeat="(key,value) in recommendations | ojoScoreFilter:ojoScore | relevancyScoreFilter:relevancyScore | orderBy:predicate:reverse"&gt;
  &lt;td&gt;
  &lt;div ng-bind-html-unsafe="value.button"&gt;&lt;/div&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>I am not able to see the HTML.
  If I change <code>ng-bind-html-unsafe="value.button"</code> to <code>ng-bind-html-unsafe="{{value.button}}"</code> then it shows HTML but within the attribute, something like this:</p>
  
  <pre><code>&lt;div ng-bind-html-unsafe="&amp;lt;a class=&amp;quot;action_hrefs full-width bgcolor10 purple-hover flat-button flat-white-button btn&amp;quot; data-value=&amp;quot;947&amp;quot; href=&amp;quot;#&amp;quot;&amp;gt;&amp;lt;i class=&amp;quot;fa fa-lock&amp;quot;&amp;gt;&amp;lt;/i&amp;gt;&amp;nbsp;Unlock&amp;lt;/a&amp;gt;"&gt;&lt;/div&gt;
  </code></pre>