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

Posted 2023-03-13

【中文标题】从 Angular 中的 JavaScript 文件调用 Typescript 函数

【英文标题】：Calling Typescript function from JavaScript file in Angular

【发布时间】：2020-09-16 18:53:14

【问题描述】：

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

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

谢谢。

【问题讨论】：

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

【参考方案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)
    )