从angular 2中的类型脚本代码动态添加routerlink到元素

Question

在我的angular 2应用程序中，我遇到了一个场景，我必须在facebook活动日志中显示用户的活动历史记录。 活动模板可以是不同类型，如：

1. KLM 从订单 2569
创建子订单 10463
2. XYZ 已删除子订单 1046
3. ABC 对订单 2569 发表了评论 等等...

此处将链接粗体文本，将用户导航到相应用户的个人资料或特定子订单或订单。

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

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

然后使用创建的链接替换历史记录中的{actor}字符串，如下所示：  history.activity = history.activity.replace（'{actor}'，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中的链接。提前谢谢。