如何在加载角度组件时动态地将脚本添加到head标记中

Question

我有一个脚本标签，里面有一个skype web控件cdn，脚本标签已插入我的index.html的头部，现在脚本标签在我需要的组件加载之前被调用，任何关于如何在我的组件中引用此脚本的想法？

Answer 1

我已经明白了，所以你需要做的就是按照以下方式进行操作

export class MyAppComponent {
loadAPI: Promise<any>; //add this

loadScript() {
    console.log('preparing to load...')
    let node = document.createElement('script');
    node.src = ''; // insert url in between quotes
    node.type = 'text/javascript';
    node.async = true;
    node.charset = 'utf-8';
    document.getElementsByTagName('head')[0].appendChild(node);
    }
}

ngOnInit{
    loadScript()
}

Answer 2

  

脚本标记在我加载的组件之前调用，有关如何在组件中引用此脚本的任何想法

大多数脚本标记都会导出全局变量。 E.g React $ _等。阅读lib上的文档并使用它们导出的全局变量。