title: angular ng-bind-html and directive within it
body: <p><a href="http://plnkr.co/edit/EZuKFBrE94bujWpcNat2?p=preview">Plunker Link</a></p>
  
  <p>I have a element which I would like to bind html to it.</p>
  
  <p><code>&lt;div ng-bind-html="details" upper&gt;&lt;/div&gt;</code></p>
  
  <p>That works. Now, along with it I also have a directive which is bound to the bound html: </p>
  
  <p><code>$scope.details = 'Success! &lt;a href="#/details/12" upper&gt;details&lt;/a&gt;'</code></p>
  
  <p>But the directive <code>upper</code> with the div and anchor do not evaluate. How do I make it work?</p>