title: In Angular, is it possible to apply MatTooltip on an element that was created on runtime?
body: <p>I'm using FullCalendar (angular version) and I wanted to add a glyphicon  on the resources list that when hovered, shows angular's MatTooltip. The issue now is that using <code>element.setAttribute('matTooltip')</code> is not cutting it. It's getting converted to <code>mattooltip</code> which won't work. </p>
  
  <p>So I was thinking if there is a possible way of instantiating matTooltip on new HTMLDomElement</p>
  
  <pre><code>let departmentInfoSpan = document.createElement('span');
      departmentInfoSpan.setAttribute('matTooltip', 'sample tooltip');
  </code></pre>
  
  <p>The code above results to an html element like this:</p>
  
  <pre><code>&lt;span mattooltip="sample tooltip"&gt;&lt;span&gt;?&lt;/span&gt;&lt;/span&gt;
  </code></pre>
  
  <p>I was expecting the span element to be showing the tooltip when hovered.</p>