在我的角度2应用程序中,我遇到了一个场景,我必须在Facebook活动日志中显示用户的活动历史记录 . 活动模板可以是不同类型,例如:

  • KLM 从订单 2569 创建subOrder 10463

  • XYZ 已删除subOrder 1046

  • ABC 对订单 2569 发表评论,依此类推......

粗体文本将链接到此处,将用户导航到相应用户的配置文件或特定子订单或订单 .

在类型脚本文件中,我创建了像KLM,ABC,XYZ这样的actor的链接,如下所示:

const tempActorLink = '<a href=/user-profile/' + history.actorId + '/' + history.actorName + '>'
        + history.actorName + '</a>';

然后用创建的链接替换历史记录中的字符串,如下所示:history.activity = history.activity.replace('',tempActorLink);我为创建订单和子订单链接做了同样的事情 . 我使用innerhtml将它添加到dom,如下所示:

<span innerHTML="{{history.activity}}"></span>

由于使用了href,页面重新加载,这是不合需要的 . 当我尝试在Type脚本代码中使用routerlink指令时,如下所示:

const tempActorLink = '<a [router-link]=\"[\'/user-profile/' + history.actorId + '/' + history.actorName + '\']\">'
+ history.actorName + '</a>';

我在创建的dom中看不到routerlink指令 .

请帮助我使用routerlink指令或其他方法动态添加dom中的链接 . 提前致谢 .