title: Angularjs directives not binding to DOM
body: <p>Im fighting to get my head around this. </p>
  
  <p>I have a directive which opens a popover with a button in when clicking on a image. This all works as expected, but clicking on the button does not trigger the ng-click Im expecting it to click which leads me to think that its not binding to the DOM.</p>
  
  <p>Here is my code, hope someone can shed some light on this.</p>
  
  <pre><code>    &lt;img src="img.png" alt="" custom-popover 
         popover-html="&lt;button ng-click='func()'&gt;
              Click here&lt;/button&gt;" popover-placement="bottom" popover-label="Label"/&gt;
  </code></pre>
  
  <p>And here is my directive Im trying to use</p>
  
  <pre><code>    app.directive('customPopover', function () {
          return {
              restrict: 'A',
              template: '&lt;span&gt;{{label}}&lt;/span&gt;',     
              link: function (scope, el, attrs) {         
                  scope.label = attrs.popoverLabel;
                  $(el).popover({
                      trigger: 'click',
                      html: true,
                      content: attrs.popoverHtml,
                      placement: attrs.popoverPlacement
                  });
              }
           };
       });
  </code></pre>