外部文件是否可以与Angular 5+模块或组件通信? [英] Is it possible for external files to talk to Angular 5+ Modules or components?

问题描述

用例:

旧的静态应用程序正在迁移到Angular，其某些组件位于外部文件中，仅作为外部文件加载时不会迁移.外部文件是否可能影响Angular应用程序的行为?

Old static application being migrated to Angular, some of its components live on external files and will not be migrated only loaded as external files. Is it possible for the external files to influence the behavior of the Angular app?

推荐答案

使用下面链接的线程，我可以实现目标:

By using the thread linked below I was able to achieve the goal:

//外部JS文件已加载到应用程序中

// external JS file loaded into the Application

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

这是我们在Angular组件中进行监听的方式:

This is how we listen in Angular component:

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

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

这篇关于外部文件是否可以与Angular 5+模块或组件通信?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！