如何将外部 JavaScript 脚本和函数集成到您的 Angular 应用程序中？

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

要在 Angular 中包含外部 JavaScript 文件并使用其中的函数，请按照以下步骤操作：

1. 引用脚本文件：
   在 angular-cli.json 文件（或 Angular 6 的 angular.json ）中，添加以下代码：

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

   登录后复制

2. 在typings.d.ts中声明一个变量：
   如果没有则在src目录下创建一个typings.d.ts文件存在，然后添加以下行：

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

   登录后复制

3. 导入脚本：
   在要使用 JavaScript 函数的组件中，导入您在 types.d.ts 中声明的变量：

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

   登录后复制

4. 调用函数：
   您现在可以从导入的变量访问 JavaScript 函数。例如，要从 abc.js 脚本调用 xyz() 函数，您可以编写：

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

   登录后复制

通过执行以下步骤，您可以轻松在 Angular 中包含 JavaScript 脚本文件应用程序并无缝集成其功能。

以上是如何将外部 JavaScript 脚本和函数集成到您的 Angular 应用程序中？的详细内容。更多信息请关注PHP中文网其他相关文章！