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

问题:

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

如果有人能给我举个例子就太好了!!

提前谢谢!!

推荐答案

1. How and where to include JavaScript Files in Angular Project?

你需要在asset文件夹中包含你的JS文件,并在.angular-cli.json文件中引用这个JS文件.

参考快照的,

Folder structure should be like this.

enter image description here

.angular-cli.json

enter image description here

2. How to call the JavaScript Functions from Typescript class?

your TS should be like this.

myJsFile.js file content.

enter image description here

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

更新新版本的答案.工作

Find the code (function with parameter) 100 for Angular11

Typescript相关问答推荐

如何在Jest中嘲笑location.back()方法调用进行Angular 组件测试?

为什么tsx不判断名称中有"—"的属性?'

在键和值为ARGS的泛型函数中未正确推断类型

编剧错误:正在等待Expect(Locator).toBeVisible()

如何在另一个参数类型中获取一个参数字段的类型?

打字类型保护递归判断

如何在TypeScrip中正确键入元素和事件目标?

TypeScrip界面属性依赖于以前的属性-针对多种可能情况的简明解决方案

被推断为原始类型的交集的扩充类型的交集

使用Dockerfile运行Vite React应用程序时访问env变量

分解对象时出现打字错误

为什么ESLint会抱怨函数调用返回的隐式`any`?

在打印脚本中使用泛型扩展抽象类

我怎样才能正确地输入这个函数,使它在没有提供正确的参数时出错

如何使这种一对一关系在旧表上起作用?

打字脚本中的模块化或命名空间

我可以使用JsDocs来澄清Typescript实用程序类型吗?

Angular另一个组件的nativeelement未定义

元素隐式具有any类型,因为string类型的表达式不能用于索引类型{Categories: Element;管理员:元素; }'

当并非所有歧视值都已知时,如何缩小受歧视联盟的范围?