我正在 Angular 5 中进行 PDF 查看器开发。我已经为 UI 部分编写了 HTML 代码。现在我有了为 UI 元素提供功能的 JavaScript 文件。由于 Angular 5 支持用于实现 UI 组件功能的typescript，我想在 Angular 项目中包含 JavaScript 文件并从我的typescript代码中调用它们。
问题：
如果有人给我举个例子就好了！！
提前致谢！！
1. 在 Angular 项目中如何以及在何处包含 JavaScript 文件？
您需要将您的JS文件包含在资产文件夹中，并在.angular-cli.json文件中引用此 JS文件。
参考快照，
文件夹结构应该是这样的。
.angular-cli.json
2. 如何从 Typescript 类调用 JavaScript 函数？
你的TS应该是这样的。
myJsFile.js 文件内容。
上面提到的这个示例逻辑可以工作，我已经尝试使用版本 4 进行了测试，所以我希望它也可以与版本 5 一起使用。
更新新 Angular 版本发布的答案。完美运行直到版本
11.2.6。
在此处查找 Angular11的代码（带参数的函数）
Arun Raj R给出的答案是完美的。
但对于角6+项目，则需要采取angular.json替代angular-cli.json。
此外，如果您想在来自 js 文件的外部函数中传递参数，而不是仅使用function name.
例如：
app.component.ts
import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
declare function myfunction: any; // just change here from arun answer.
@Component({
selector: 'app-test',
templateUrl: './test.component.html',
styleUrls: ['./test.component.scss']
})
export class TestComponent implements OnInit {
constructor() { }
ngOnInit() {
myfunction('test1', 'test2');
}
};
你的Js文件：
function myfunction(params1, params2) {
console.log('param1', params1);
console.log('param2', params2);
}