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

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

在 Angular 项目中，集成外部 JavaScript 脚本并访问其函数可以增强应用程序能力。一个常见的场景是将脚本与公共函数结合起来以扩展 Angular 的功能。以下是有关如何实现此目标的综合指南：

包含脚本文件

要在 Angular 中包含 JavaScript 文件，请修改 Angular 的“脚本”部分 - cli.json （或 Angular 6 的 angular.json ）。在数组中添加脚本文件的路径，如下所示：

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

在 TypeScript 中引用脚本

在您的 TypeScript 代码中，创建一个名为的声明文件types.d.ts（如果不存在）。添加如下声明：

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

导入并调用函数

要在组件或服务中导入脚本，请使用以下语法：

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

现在，您可以从导入的变量中调用函数，例如：

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

按照以下步骤，您可以轻松集成外部 JavaScript 脚本并在 Angular 应用程序中使用它们的函数.

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