Angular 2 : How can I apply directives to sanitized html/innerhtml

Question

我正在开发一个应用程序，我从服务器获取 html 格式的响应。我正在使用 DomSanitizer 的 bypassSecurityTrustHtml 并将经过清理的 html 添加到我的组件 ()。

我的问题是响应中的一些元素包含标记以指示可以从元素构建链接，例如:

<div thisIsActuallyaLink linkParam1="foo" linkParam2="bar">clickHere</div>

我想创建一个应用于 innerhtml 的指令，但是当显示 html 时，它没有用我的指令编译...

如果有人想知道为什么转换 html 没有在服务器端完成:响应在多个应用程序中使用，并且链接必须具有不同的相对 url，具体取决于应用程序:-(

Answer 1

[innerHTML]="..." 根本不可能做到这一点。
您可以在运行时编译组件以获得动态 HTML 的组件和指令。

参见 How can I use/create dynamic template to compile dynamic Component with Angular 2.0?了解更多详情。