从 Angular 中的 JavaScript 文件调用 Typescript 函数

【问题标题】：Calling Typescript function from JavaScript file in Angular从 Angular 中的 JavaScript 文件调用 Typescript 函数
【发布时间】：2020-09-16 18:53:14
【问题描述】：

我有一个普通的旧 .js 文件，它在我的 Angular 组件上绘制 svg。我在该文件中有一些事件，我想从该 .js 文件中调用在我的组件代码中定义的函数。

我还没有找到任何解决这个问题的方法？这是可以实现的吗？如果是怎么办？

谢谢。

【问题讨论】：

看看那里：stackoverflow.com/questions/61777225/…

标签： javascript angular typescript

【解决方案1】：

我认为您可以在 javascript 中创建自定义事件并在您的 Angular 应用程序中“收听”，但 我不确定这是否可行

要在 javascript 中创建自定义事件，请参阅 this link

var event = new Event('build',{ data: 'hello word' });
// Dispatch the event.
window.dispatchEvent(event);

要在 Angular 中监听事件，请使用 fromEvent rxjs

ngOnInit()
{
    fromEvent(window,'build').subscribe(event=>{
       console.log(event.data)
    })
}

【讨论】：