title: Bind and parse HTML content
body: <p>I am using AngularJS v1.2.1.</p>
  
  <p>The improved ng-bind-html directive allows me to trust unsafe Html into my view.</p>
  
  <p>Example</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div ng-repeat="example in examples" ng-bind-html="example.content()"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>function controller($scope, $sce)
  {
  
      function ex()
      {
          this.click = function ()
          {
              alert("clicked");
          }
  
          this.content() = function ()
          {
              //if
              return $sce.trustAsHtml('&lt;button ng-click="click()"&gt;some text&lt;/button&gt;'); 
              // no problem, but click is not called
  
              //when
              return $sce.parseAsHtml('&lt;button ng-click="click()"&gt;some text&lt;/button&gt;'); 
              //throw an error
          }
      }
  
      $scope.examples = [new ex(), new ex()];
  
  }
  </code></pre>
  
  <p>My question is, how to bind HTML content that may contain Angular expressions or directives ??</p>