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

标签 angular innerhtml angular2-directives angular-dom-sanitizer

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

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

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

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

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

最佳答案

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

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

关于 Angular 2 : How can I apply directives to sanitized html/innerhtml,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46217049/

相关文章:

angularjs-directive - typescript 错误 TS2339 : Property 'project' does not exist on type '{}'

angular - 实现秒表的最有效方法?

angular - 使用变量名进行错误检查的语法

css - Angular 2 - 全局 CSS 文件

angular - 如何在自定义元素上实现 ngModel?

Angular 2 RC2 新形式

javascript - 从 Http (ng2) 升级到 HttpClient (ng6) 后登录请求的未定义响应

javascript - ie6/ie7 中的innerHTML 错误?

javascript - JS jQuery 更改获取选择选项标签的innerHTML

javascript - 如何正确使用innerHTML从html字符串创建一个元素(可能有子元素)?