Angular 2 Material tooltip with HTML content in angular : <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>
