Angular未加载受信任的脚本标签

时间:2019-12-09 16:44:58

标签: angular angular8

我正在尝试在Angular 8组件中加载外部javascript(cookiebot)

这是我的代码

@Component({
  selector: 'app-cookiebot',
  template: `
      <!-- Cookie Bot -->
      <div [innerHTML]="safeHtml"></div>
  `,
})
export class CookiebotComponent {
  safeHtml: SafeHtml;

  constructor(
    private readonly sanitizer: DomSanitizer
  ) {
    this.safeHtml = this.sanitizer.bypassSecurityTrustHtml(`
<script id="CookieDeclaration" src="https://consent.cookiebot.com/XXXXXXXXX/cd.js" type="text/javascript" async></script>
    `);
  }
}

我在控制台上没有收到任何错误,并且可以在页面代码中看到script标记,但是Chrome(或我测试过的任何其他浏览器)未加载所需的js文件。

我也尝试过用一个包含简单警报(“ hello world”)的虚拟js文件替换它,但是它也不起作用。

有什么建议吗? 谢谢!

0 个答案:

没有答案