title: html tags not displaying using ng-bind-html in Angularjs
body: <p>I have html template like this:</p>
  
  <p>I want to bind this template using "ng-bind-html", like below:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>angular.module('bindHtmlExample', ['ngSanitize'])
    .controller('ExampleController', ['$scope', '$compile',
      function($scope, $compile) {
        var templateHTML =
          'I am an &lt;code&gt;HTML&lt;/code&gt;string with ' +
          '&lt;span class="pointer"&gt;&lt;i class="icon-refresh pointer" ng-click="refresh()"&gt;&lt;/i&gt;&lt;/span&gt;';
        $scope.myHTML = $compile(templateHTML)($scope);
      }
    ]);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.3/angular.js"&gt;&lt;/script&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.3/angular-sanitize.js"&gt;&lt;/script&gt;
  
  &lt;div ng-app="bindHtmlExample"&gt;
    &lt;div ng-controller="ExampleController"&gt;
      &lt;p ng-bind-html-unsafe="myHTML"&gt;&lt;/p&gt;
      &lt;p ng-bind-html="myHTML"&gt;&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>nothing I'm getting.
  How to fix this.</p>