angular2动态html内容加载脚本标签和样式

Question

我们通过 API 调用从数据库中获取 HTML 内容。我们正在使用第三方脚本 url。

示例： <div style="height:500px"><script type='text/javascript' src='//www.google.com'></script></div>

我们需要将上面的 HTML 内容显示到现有的 angular2 应用程序中。

Answer 1

只需使用innerHTML 将动态 HTML 内容加载到这样的任何元素上 -

yourData = <div style="height:500px"><script type='text/javascript' src='//www.google.com'></script></div>

<div [innerHTML]='yourData'></div>

Working Example

这可以帮助您加载动态脚本

• How to load external scripts dynamically in Angular?