title: Dynamically render Angular 2 Material components
body: <p>Im trying to have an attribute that when applied to a button, appends a loader to the inner content of the button.</p>
  
  <p>The following appends a loader to the button content:</p>
  
  <pre><code>var test = this.renderer.createElement(this.el.nativeElement.childNodes[0], 'mat-spinner');
  this.renderer.appendChild(this.el.nativeElement.childNodes[0], test);
  </code></pre>
  
  <p>The mat-spinner element is rendered in the HTML but the angular rendering isnt applied to it. Im guessing this is because of some angular intricacies.</p>
  
  <p>Does anyone know of a way for me to render this element correctly at run time?</p>
  
  <p>Thanks.</p>