angular - 在组件级别加载 JS 脚本(不是在启动时)

Question

<分区>

Answer 1

只需编写一个普通的脚本加载器:

   public loadScript() {
            let body = <HTMLDivElement> document.body;
            let script = document.createElement('script');
            script.innerHTML = '';
            script.src = 'url';
            script.async = true;
            script.defer = true;
            body.appendChild(script);
    }

然后在任何你想要的地方调用它:

export class MyComponent{

    ngOnInit(){
        this.loadScript();

    }

}

但是如果这些文件是 Typescript 文件，您也可以通过多种方式延迟加载它们:

1- 使用默认的模块级延迟加载

2- 使用 webpack 的 require

3- 使用 SystemJs 模块加载器