MatSnackBar的插入链接未添加到Angular树

Question

这是此帖子related thread

的后续问题

我遇到的问题是该链接在MatSnackBar中无效。我已经有了一个自定义组件，它看起来就像上面的工作示例。但是，<a routerLink="/login">Login</a>在DOM中是相同的。据我了解，它应该由Angular转换为类似

的东西

<a _ngcontent-c2="" routerlink="/login" ng-reflect-router-link="/logins" href="#/login">Login</a>

我是否必须通过ViewContainerRef将组件添加到Angular树？

Angular 5.0.3，angular / material 5.0.0

Snackbar.component.html

<div id='snackbar'>
   <div id='snackbar-message'>
    {{message}}
   </div>

   <span class='k-icon k-i-x k-icon-md' id='snackbar-action' (click)='close()' title='Close popup'></span>
</div>

popup.service摘录

this.snackbar = this.popup.openFromComponent(SnackbarComponent, { panelClass: ['popup-error'] });
this.setSnackbarMessage(message);