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

Question

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

实施例： <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?