Angular 如何将routerLink与innerHTML一起使用

Angular 如何将routerLink与innerHTML一起使用,angular,angular6,Angular,Angular6,我用的是角度6。我只想使用innerHTML创建一个动态路由。我尝试了以下代码,但它不起作用。 在组件文件中,我在构造函数中编写了以下代码: this.anchor=“动态登录” 在模板文件中,我编写了以下代码: this.anchor=“我也有同样的问题。我刚刚更换了 它工作得很好当我遇到与您相同的问题时,我使用了一个黑客解决方案,因为我没有找到更好的解决方案。在模板中,我设置了span,其中innerHtml,html来自服务器,它可以有a标记以及任何其他格式化html标记解决方案是添加

我用的是角度6。我只想使用
innerHTML
创建一个动态路由。我尝试了以下代码,但它不起作用。 在组件文件中,我在构造函数中编写了以下代码:

this.anchor=“动态登录”
在模板文件中,我编写了以下代码:


this.anchor=“

我也有同样的问题。我刚刚更换了


它工作得很好

当我遇到与您相同的问题时,我使用了一个黑客解决方案,因为我没有找到更好的解决方案。在模板中,我设置了
span
,其中
innerHtml
,html来自服务器,它可以有
a
标记以及任何其他格式化html标记解决方案是添加单击事件:


在我们的ts文件处理过程中:

customHtml:string='Hey a link';
//别忘了导入和注入路由器
构造函数(专用路由器:路由器){}
// ...
处理链接(e){
常量元素:HTMLElement=e.target;
if(element.nodeName=='A'){
e、 预防默认值();
const link=element.getAttribute('href');
这个.router.navigate([link]);
}
}
请注意,您可以对此处的链接执行任何操作,如果需要,您可以在导航到链接之前添加一些条件或转换链接


希望有帮助。我知道这不是最好的解决方案,一定有更好的解决方案。但这正是我在匆忙中想到的。

到目前为止,这是唯一有意义的答案,应该是被接受的答案。这将重新加载页面。
<a href="#/something">Something</a>