外部文件是否可以与Angular 5+模块或组件通信？

Question

用例：

旧的静态应用程序正在迁移到Angular，它的一些组件存在于外部文件中，并且不会仅作为外部文件加载。外部文件是否可能影响Angular应用程序的行为？

Answer 1

通过使用下面链接的线程，我能够实现目标：

//将外部JS文件加载到Application

中

var event = new Event('customEvent');
document.dispatchEvent(event);

这是我们在Angular组件中听的方式：

@HostListener('document:customEvent', ['$event']) 

onCustomEvent(e) {
  console.log(e);
}