Question

是否有任何选项可以在Angular 2中加载或触发组件中的外部脚本，但不会显式附加到文档头部，因为每次加载组件时都会附加？

Answer 1

您可以直接在组件中导入和使用外部脚本，如下所示：

import * as yourPreferedName from 'your-library';
yourPreferedName.method();

Answer 2

您可以通过.angular-cli.json中的apps [0] .scripts属性将Javascript文件添加到全局范围。这些将被加载，就像您已将它们添加到index.html内的标记中一样。

这对旧版库或分析代码段特别有用。

"scripts": [
  "global-script.js",
],

您还可以使用对象格式重命名输出并延迟加载：

"scripts": [
  "global-script.js",
  { "input": "lazy-script.js", "lazy": true },
  { "input": "pre-rename-script.js", "output": "renamed-script" },
],

查看官方的angular-cli文档：

https://github.com/angular/angular-cli/wiki/stories-global-scripts

在Angular 2中加载外部脚本

2 个答案: