如何在 Angular 中包含 JavaScript 脚本文件并从该脚本调用函数？

Question

我有一个名为 abc.js 的 JavaScript 文件，它有一个名为 xyz() 的“公共”函数。我想在我的 Angular 项目中调用该函数。我怎么做？

原文由 Piyush Jain 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

请参阅 angular-cli.json （使用 angular 6+ 时为 angular.json ）文件中的脚本。

 "scripts": [
 "../path"
 ];

然后添加 typings.d.ts （如果该文件尚不存在，则在 src 中创建此文件）

 declare var variableName:any;

将其导入您的文件中

import * as variable from 'variableName';

原文由 Aravind 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

为了包含全局库，例如 jquery.js 脚本数组中的文件 angular-cli.json ( angular.json 使用时 angular 6–):

 "scripts": [
  "../node_modules/jquery/dist/jquery.js"
]

在此之后，如果 ng serve 已经启动，请重新启动它。

原文由 Rahul Singh 发布，翻译遵循 CC BY-SA 4.0 许可协议