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

javascript angular

2022-08-30 02:44:18

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

答案 1

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

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

然后添加（如果此文件尚不存在，请创建此文件）typings.d.tssrc

declare var variableName:any;

将其导入到您的文件中

import * as variable from 'variableName';

答案 2

为了包含一个全局库，例如脚本数组中的文件 from （当使用 angular 6+ 时）：jquery.jsangular-cli.jsonangular.json

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

在此之后，重新启动ng服务（如果已启动）。