如何在 Angular 中集成外部 JavaScript 脚本和访问函数？

在 Angular 和调用函数中包含 JavaScript 脚本文件

将外部 JavaScript 脚本集成到 Angular 应用程序中并访问其函数是自定义的一个关键方面并增强功能。让我们探讨一下如何实现这一点：

访问 JavaScript 函数

要包含名为 abc.js 的 JavaScript 文件并在 Angular 中调用其 xyz() 函数，请按照以下步骤操作：

1。更新 angular-cli.json （或 Angular 6 中的 angular.json ）

修改 angular-cli.json 文件并在“scripts”属性下添加 JavaScript 文件的路径。

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

2。定义 TypeScript 声明文件

在 src 目录中创建一个名为 Typings.d.ts 的文件（如果不存在）。然后，添加以下声明为脚本建立全局变量：

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

3.在您的组件中导入脚本

在 Angular 组件中使用以下语法导入 JavaScript 文件：

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

4.调用 JavaScript 函数

您现在可以从导入的 JavaScript 文件访问和调用 xyz() 函数：

<code class="typescript">abc.xyz();</code>

按照以下步骤，您可以无缝集成外部 JavaScript将脚本添加到您的 Angular 应用程序中，并利用它们的功能来增强您的 Web 应用程序的功能。

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