Angular InnerHTML中的绑定指令/事件

我正在使用Angular 2和以下模板开发一个基于文本的聊天，该模板从一个服务以文本/HTML形式提供：

<div *ngFor="let message of chatService.messages" class="chatLineContainer">
    <span class="chatTimestamp">{{message.formatted_timestamp}}</span><span class="chatUsername">{{message.prefix}}</span><span class="chatColon">:</span><span class="chatText" [innerHTML]="message.chatHTML"></span>
</div>

---

关于这一点，这里有很多问题，但大多数似乎已经过时（例如，建议使用DynamicComponentLoader）和/或对于HTML是动态的且由用户决定的特定情况不清楚。使用普通Javascript和传统事件进行类似的操作会很简单，但Angular2却不是这样，如果有人能澄清前进的最佳方式，以便插入的HTML可以使用指令/事件，我们将不胜感激。

您可以动态创建和编译组件，没有办法在HTML中使用

innerHTML

添加的角度进程绑定或组件选择器，这看起来像是很多代码就像插入一些带有绑定的HTML一样简单。我愿意升级到Angular2的测试版，如果其中包含任何可能有助于此的功能的话。没有这样的功能，Angular4也没有

Testing <img class="chatEmote" tooltip="Testing the tooltip" data-direction="bottom" alt="Emote" src="https://emote.domain.com/emote73628"> Testing