title: Angular filter return html
body: <p>I want to use unsafe-html in <strong>angularjs 1.2</strong>. Whereas the filter without html does work, with html it does not. What I do:</p>
  
  <p>I added angular-sanitize to my html head:</p>
  
  <pre><code>&lt;script src="~/Scripts/angular.js"&gt;&lt;/script&gt;
  &lt;script src="~/Scripts/angular-sanitize.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>My angular module:</p>
  
  <pre><code>var myApp = angular.module('myApp', ['ngSanitize'])
      .filter('convertState', function ($sce) {
          return function (state) {
              if (state == 1) {
                  return $sce.trustAsHtml("&lt;strong&gt;" + state + "&lt;/strong&gt; special state");
              }
              else {
                  return $sce.trustAsHtml("&lt;strong&gt;"+state + "&lt;/strong&gt; normal state");
              }
          }
      });
  </code></pre>
  
  <p>My Html:</p>
  
  <pre><code>&lt;td&gt;&lt;span ng-bind-html="f.state | convertstate"&gt;&lt;/span&gt;&lt;/td&gt;
  </code></pre>
  
  <p>edit: updated <code>ng-bind-html-unsafe</code> to <code>ng-bind-html</code></p>