title: Rendering html in Angular with Directive
body: <p>I am storing html data in my database from the output of a WYSIWYG editor. The html also stores the html for some directives. One of them being the ui-bootstrap tooltip:</p>
  
  <pre><code>&lt;span tooltip-placement="left" tooltip="On the Left!"&gt;Tooltip text here&lt;/span&gt;
  </code></pre>
  
  <p>I am able to get any other html elements to work by using the binding:</p>
  
  <pre><code>&lt;div ng-bind-html-unsafe="html.content"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>But the html with the directive's reference doesn't interact with the actual directive.</p>
  
  <p>How can I get the directive to work?</p>
  
  <p>Do I have to compile the html or something like that?</p>