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

问题描述

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

I have a JavaScript file called abc.js that has a 'public' function called xyz(). I want to call that function in my Angular project. How do I do that?

推荐答案

参考 angular-cli.json 中的脚本(angular.json when using angular 6+) 文件.

Refer the scripts inside the angular-cli.json (angular.json when using angular 6+) file.

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

然后添加typings.d.ts(如果该文件不存在，则在src中创建该文件)

then add in typings.d.ts (create this file in src if it does not already exist)

declare var variableName:any;

将其导入到您的文件中

import * as variable from 'variableName';

这篇关于如何在 Angular 中包含 JavaScript 脚本文件并从该脚本调用函数?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！