无法在 Angular 11 中通过 InnerHTML 加载 JS 脚本

Question

我在 JSON 中有一个 HTML 字符串，其中包含一些文本内容、一个外部 js 脚本标签和一个嵌入的 js 脚本标签。 例如：

我需要在现有 Angular 组件的任何 HTML 元素中呈现该 HTML 字符串。但是当我尝试这样做时，它不会加载 external js 脚本，也不会运行 embedded script 代码。

有人可以帮忙吗？

stackblitz 示例： https://stackblitz.com/edit/angular-dom-sanitization-eg-lrjmfb?file=src/app/app.component.ts

Answer 1

您需要在index.html

中添加Script

现在在这里查看 - https://stackblitz.com/edit/angular-dom-sanitization-eg-8p1ruv?file=src%2Findex.html

您的 JS 和视频都已加载。