在 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中文网其他相关文章！
