我正在使用第三方组件来显示通知(如果您想知道,请使用PrimeNg)。通知组件中的message参数是一个简单的字符串。但是它接受html。 我想做的是在错误消息中显示一个链接。指向我应用程序另一页的链接。问题是,当我使用普通标签执行此操作时,当用户单击它时,它将重新加载整个应用程序! 我希望用户能够像使用我的菜单一样使用路由器进行导航。
有什么办法可以实现?
html代码:
...
<p-growl [value]="msgs" [life]="lifeTime" [sticky]="stycky" [style]="{'width':'auto', 'display': 'inline-block', 'text-align': 'center'}" (onClose)="onClosingMessage()"></p-growl>
...
打字稿代码
...
constructor(@Inject(APP_BASE_HREF) private baseHref: string) {}
...
this.msgs.push({severity:'error', summary:'Error Message', detail:`<div>An error has occurred, please go to the <a href="${this.baseHref}execution">execution page</a> to see the details.</div>`});
...