如何在 Angular 5 中从 Typescript 调用 JavaScript 函数? [英] How to call JavaScript functions from Typescript in Angular 5?

问题描述

我正在 Angular 5 中进行 PDF 查看器开发.我已经为 UI 部分编写了 HTML 代码.现在我有了为 UI 元素提供功能的 JavaScript 文件.由于 Angular 5 支持用于实现 UI 组件功能的打字稿，我想在 Angular 项目中包含 JavaScript 文件并从我的打字稿代码中调用它们.

I'm working on PDF Viewer development in Angular 5. I'm done with writing HTML code for the UI part. Now I've JavaScript files that provide functionality for the UI elements. As Angular 5 supports typescript for implementing functionality for UI components, I want to include JavaScript files in Angular Project and call them from my Typescript code.

问题:

1. 如何以及在何处在 Angular 项目中包含 JavaScript 文件?
2. 如何从 Typescript 类调用 JavaScript 函数?

如果有人给我举个例子就好了！！

It would be great if anyone provides me an example !!

提前致谢！！

推荐答案

1.如何以及在何处在 Angular 项目中包含 JavaScript 文件?

您需要将 JS 文件包含在 asset 文件夹中，并在 .angular-cli.json 文件中引用此 JS 文件.

You need to include your JS file in the asset folder and refer this JS file in .angular-cli.json file.

参考快照，

文件夹结构应该是这样的.

.angular-cli.json

2.如何从 Typescript 类调用 JavaScript 函数?

你的 TS 应该是这样的.

myJsFile.js 文件内容.

上面提到的这个示例逻辑可以工作，我已经使用版本 4 进行了尝试和测试，所以我希望它也可以与版本 5 一起使用.

This sample logic mentioned above will work, I have tried and tested using version 4, So I am expecting it to work with version 5 also.

更新新 Angular 版本发布的答案.在职的完美到版本11.2.6.

Updating the answer for the new Angular version release. Working perfectly till version 11.2.6.

找到代码(带参数的函数)这里对于 Angular11

Find the code (function with parameter) here for Angular11

这篇关于如何在 Angular 5 中从 Typescript 调用 JavaScript 函数?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！