我正在使用 Angular 5 开发 PDF 查看器。我已经完成了为 UI 部分编写 HTML 代码。现在我有了为 UI 元素提供功能的 JavaScript 文件。由于 Angular 5 支持 typescript 来实现 UI 组件的功能,我想在 Angular 项目中包含 JavaScript 文件并从我的 Typescript 代码中调用它们。
问题:
- 如何以及在何处将 JavaScript 文件包含在 Angular 项目中?
- 如何从 Typescript 类中调用 JavaScript 函数?
如果有人能给我一个例子就太好了。
最佳答案
<强>1。如何以及在何处将 JavaScript 文件包含在 Angular 项目中?
您需要在 asset 文件夹中包含您的 JS 文件,并在 .angular-cli.json 文件中引用此 JS 文件。
引用快照,
文件夹结构应该是这样的。
.angular-cli.json
<强>2。如何从 Typescript 类调用 JavaScript 函数?
你的 TS 应该是这样的。
myJsFile.js 文件内容。
上面提到的这个示例逻辑可以工作,我已经使用版本 4 进行了尝试和测试,所以我希望它也可以与版本 5 一起工作。
Updating the answer for the new Angular version release. Working perfectly till version
11.2.6
.
查找代码(带参数的函数)here对于 Angular11
关于javascript - 如何在 Angular 5 中从 Typescript 调用 JavaScript 函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49526681/