title: How do I communicate between an Angular app and non-angular app on the same page?
body: <p>I'm turning a piece of a non-angular web page into an Angular version by angular.bootstrapping it with an Angular module. It works great except for the fact that it needs to communicate with the other parts of the page. Unfortunately I cannot convert the rest of the page to Angular at this time.</p>
  
  <p>The best way I've figured to do this so far is by firing vanilla JS events on the bootstrapped element containing the information I need to communicate.</p>
  
  <p>Are there established patterns or better ways of doing this?</p>