title: Angular 2 Material tooltip with HTML content in angular
body: <p>I am trying to bind the HTML strings into angular 2 tool tip. But it's  rendering as HTML it showing as a plain string. Is there any way to do render string as an HTML.</p>
  
  <p>Here is my code:</p>
  
  <p>In View:</p>
  
  <pre><code> &lt;span class="icon-status" mdTooltip="{{value.status}}"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>Component:</p>
  
  <pre><code>value.status = this.sanitizer.bypassSecurityTrustHtml(this.getStatusTemplate(value.status));
  
  
    getStatusTemplate(status: IIconStatus): string{
  let HTML =`
    &lt;div&gt;Event Title&lt;/div&gt;
    &lt;div class=""&gt;
      &lt;table&gt;
        &lt;thead&gt;
          &lt;th&gt;User&lt;/th&gt;
          &lt;th&gt;User&lt;/th&gt;
          &lt;th&gt;User&lt;/th&gt;
          &lt;th&gt;User&lt;/th&gt;
        &lt;/thead&gt;
      &lt;/table&gt;
    &lt;/div&gt;
  `;
  return HTML;}
  </code></pre>
  
  <p>Thanks in advance.</p>