title: Passing a string containing HTML tags to a directive, tags not rendered
body: <p>I'm passing a string to my angular directive. The problem here is that the string I'm passing contains some html, and obviously this is rendered as text in the directive output.</p>
  
  <p>I've been reading a lot, but all the solutions I can find (and also on Angular's docs) rely on using <code>ng-bind-html</code> directive.</p>
  
  <p>What confuses me is how to use in case of having a custom directive. </p>
  
  <p>For example, my custom directive looks like this:</p>
  
  <pre><code>uxctModule.directive('toolTip', function() {
    return {
        restrict: 'AE',
        replace: 'true',
        scope:{
           message: "@"
        },
  
        template: '&lt;span class="infobox_container"&gt; '+
                       '&lt;span class="infobox_icon"&gt;&lt;/span&gt; '+
                          '&lt;span class="infobox"&gt;{{message}}&lt;/span&gt; '+
                  '&lt;/span&gt;'   
      }
    }
  );
  </code></pre>
  
  <p>...and in my markup, I'm inserting it like this:</p>
  
  <pre><code>&lt;div tool-tip message = "{{toolTip1Label}}"&gt; &lt;/div&gt;
  </code></pre>
  
  <p>where <code>toolTip1Label</code> is a variable coming from the controller, containing some tags, and it's passed to the directive.</p>
  
  <p>I'm really confused about how properly use <code>ng-bind-html</code> in this type of setup (or maybe that is not the solution to my problem). I have also looked if there's a way to user some built in filters to explicitly render the html, but it doesn't seem to exist.</p>
  
  <p>Thank for your help, hope this is question makes sense, I'm very new to angular but thanks to your help I'm improving day by day :)</p>