title: Inserted link to MatSnackBar not added to Angular tree
body: <p>This is a follow-up question to this thread <a href="https://stackoverflow.com/questions/46949233/insert-a-link-into-matsnackbar">related thread</a></p>
  
  <p>I have the problem that the link is not working in the <code>MatSnackBar</code>. I already had a custom component which is pretty much looking like the working example above. However, <code>&lt;a routerLink="/login"&gt;Login&lt;/a&gt;</code> is the same in the DOM. As I understand it, it should have been transformed by Angular to something like</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;a _ngcontent-c2="" routerlink="/login" ng-reflect-router-link="/logins" href="#/login"&gt;Login&lt;/a&gt;
  </code></pre>
  
  <p>Could it be that I have to add the component via <code>ViewContainerRef</code> to the Angular tree?</p>
  
  <p>Angular 5.0.3, angular/material 5.0.0</p>
  
  <p>Snackbar.component.html</p>
  
  <pre><code>&lt;div id='snackbar'&gt;
     &lt;div id='snackbar-message'&gt;
      {{message}}
     &lt;/div&gt;
  
     &lt;span class='k-icon k-i-x k-icon-md' id='snackbar-action' (click)='close()' title='Close popup'&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>popup.service excerpt</p>
  
  <pre><code>this.snackbar = this.popup.openFromComponent(SnackbarComponent, { panelClass: ['popup-error'] });
  this.setSnackbarMessage(message);
  </code></pre>