如何动态地加载脚本文件中app.component.ts（角度）？(How to load scri

我在angular2工作VS打字稿。

在我app.component.ts文件我需要加载基于需求当前导航语言的脚本文件。 所以，我有我的添加功能类似下面（home.component.ts）

export class HomeComponent {
constructor() {
    this.loadDynmicallyScript();
  } 
public loadDynmicallyScript() {
    let node = document.createElement('script');
    node.src = "../node_modules/xxxxxxxxxx/xx." +   navigator.language"+".min.js";
    node.type = 'text/javascript';
    document.getElementsByTagName('head')[0].appendChild(node);
 }

但是，这并不适用。 但我有一个基于当前导航语言按需加载的文件。 如何实现这一目标？ 谢谢你的帮助。

Answer 1:

进口*从资产/ JS / index.js'_script;

你可以导入这样的但在导入脚本改变你的函数出口再使用了。

并调用需要所需的功能，在ngOnInit的页面加载加载

Answer 2:

在被加载顺序为脚本，它应该是可供加载。 除非你愿意手动复制脚本文件到公用文件夹，手动添加脚本document.createElement是错误的举动。

的WebPack已经处理动态进口 。 这需要一些额外的措施以确保懒加载脚本将通过的WebPack捆绑在一起。 导入的名称应该是适合于静态分析， 其他选项可以通过评论来提供。

文章来源: How to load script file dynamically in app.component.ts(angular)?