title: Communication between two Angular 4 apps
body: <p>I saw answers <a href="https://stackoverflow.com/questions/37611144/angular-2-communication-between-2-apps-running-on-the-same-page">here</a> and <a href="https://stackoverflow.com/questions/36566698/how-to-dynamically-create-bootstrap-modals-as-angular2-components">here</a> regarding this topic, but they're for version 2 beta (as far as I know we should bootstrap a module, not a component now; also I didn't find <code>bootstrap</code> function in the docs for version 4). </p>
  
  <p>I also read an <a href="https://blog.sstorie.com/bootstrapping-multiple-angular-2-applications-on-the-same-page/" rel="nofollow noreferrer">article</a> which points to an <a href="https://github.com/angular/angular/blob/ae75e3640a2d9eb1e897a0771d92b976c5a42c75/modules/%40angular/platform-browser-dynamic/index.ts#L87" rel="nofollow noreferrer">interesting comment</a> in the source on GitHub. The most interesting part is </p>
  
  <blockquote>
    <p>For this reason, Angular creates exactly one global platform object
    which stores all shared services, and <strong>each angular application
    injector has the platform injector as its parent</strong>.</p>
  </blockquote>
  
  <p><strong>Finnally, my questions are</strong>: What is the best pattern for inter-apps communication on the same browser page? How can we ensure some order of bootstrap for the different apps?</p>