角度应用程序-在何处放置脚本标记

如果使用的是Angular CLI,则有一个.Angular-CLI.json文件,可以在其中插入自定义脚本。可以将自定义脚本插入“scripts”属性,该属性接受文件的相对路径数组。例如,您可以执行以下操作:

"scripts": [
    "js/someScript.js",
    "js/anotherScript.js"
]

你也不必担心那些文件的缩小。Webpack为你做的。

如果您希望动态加载一些外部js文件,而不想加载包中的所有内容,那么您可以在component.ts中这样做 answer .

loadScripts() {
    const dynamicScripts = [
   'https://platform.twitter.com/widgets.js',
   '../../../assets/js/dummyjs.min.js'
  ];
  for (let i = 0; i < dynamicScripts.length; i++) {
    const node = document.createElement('script');
    node.src = dynamicScripts[i];
    node.type = 'text/javascript';
    node.async = false;
    node.charset = 'utf-8';
    document.getElementsByTagName('head')[0].appendChild(node);
  }
}

在构造器里。

constructor() {
  this.loadScripts();
}

但就SPA的方式而言,在一开始加载所有东西都没有问题,因为在初始加载之后,它们将不再加载。