javascript - 如何在 Angular 5 中从 Typescript 调用 JavaScript 函数?

标签 javascript angular typescript angular5

我正在使用 Angular 5 开发 PDF 查看器。我已经完成了为 UI 部分编写 HTML 代码。现在我有了为 UI 元素提供功能的 JavaScript 文件。由于 Angular 5 支持 typescript 来实现 UI 组件的功能,我想在 Angular 项目中包含 JavaScript 文件并从我的 Typescript 代码中调用它们。

问题:

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

如果有人能给我一个例子就太好了。

最佳答案

<强>1。如何以及在何处将 JavaScript 文件包含在 Angular 项目中?

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

引用快照,

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

enter image description here

.angular-cli.json

enter image description here

<强>2。如何从 Typescript 类调用 JavaScript 函数?

你的 TS 应该是这样的。

myJsFile.js 文件内容。

enter image description here

上面提到的这个示例逻辑可以工作,我已经使用版本 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/

相关文章:

javascript - 页面重新加载后无法从 redux 存储中获取数据

javascript - 在 requirejs 中加载全局范围内的 AMD 模块

javascript - 如果 window.location 通过变量以指定值结尾

typescript - 将 CryptoJS 与十六进制字符串一起使用

typescript 中的类构造函数类型?

javascript - Bootstrap - 在调整窗口大小时使用推拉但屏幕切断 div

javascript - 如何在补丁请求后更新行为主体?

angular - 我可以共享一个用于 Web 和 Ionic 的 Angular 项目吗?

angular - NPM IOS模拟器无法获取应用程序路径

typescript - 使用 typescript 中的变量修改对象属性