1

Use Case:

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?

Helmut Granda
  • 4,565
  • 7
  • 35
  • 51

1 Answers1

0

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

// external JS file loaded into the Application

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

This is how we listen in Angular component:

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

onCustomEvent(e) {
  console.log(e);
}
Helmut Granda
  • 4,565
  • 7
  • 35
  • 51
  • 1
    `@HostListener(and also (customEvent)="handler()") can also listen to custom events` https://stackoverflow.com/questions/47771120/angular-is-there-list-of-hostlistener-events/47771222#47771222 – yurzui Jun 08 '18 at 14:28