如何在 Angular 中集成外部 JavaScript 脚本并调用函数？

在 Angular 中合并外部 JavaScript 脚本和函数调用

问题：

你拥有一个JavaScript 文件，标题为“abc.js”，包含一个名为“xyz()”的函数。您的目标是在 Angular 项目中访问并调用此函数。如何才能实现这一目标？

解决方案：

1. Angular 配置文件中的参考脚本：

找到并打开“angular-cli.json”文件（对于 Angular 版本 6 及更高版本，则为“angular.json”）。在“scripts”属性下，指定外部 JavaScript 文件的路径，如下例所示：

<code class="json">"scripts": [
    "../path" 
 ]</code>

2.在typings.d.ts中声明变量：

如果“src”目录不存在，则在“src”目录中创建一个名为“typings.d.ts”的文件。在此文件中，声明一个将引用外部脚本的变量：

<code class="typescript">declare var variableName:any;</code>

3。导入到 Angular 组件中：

在您的 Angular 组件中，使用以下语法导入您在“typings.d.ts”中声明的变量：

<code class="typescript">import * as variable from 'variableName';</code>

现在，您可以通过调用“variable.xyz()”从 Angular 项目访问函数“xyz()”。

以上是如何在 Angular 中集成外部 JavaScript 脚本并调用函数？的详细内容。更多信息请关注PHP中文网其他相关文章！