title: Angular 2 iframe to parent communication
body: <p>in my current project I have multiple Angular 2 applications which should be served by a portal application (also Angular 2). So the portal app has a header area with links to all underlying apps. When the user clicks on one app link, the corresponding angular 2 app gets loaded in an iframe of the portal body. </p>
  
  <p><a href="https://i.stack.imgur.com/MsOdd.png" rel="noreferrer"><img src="https://i.stack.imgur.com/MsOdd.png" alt="enter image description here"></a></p>
  
  <p>Now I develop a central authorization service. In the portal I have a service which holds the permissions of the current logged-in user. My question is: Is it possible to access angular 2 services / components of the parent (portal) within the individual apps (iframe)? It seemed to be possbile in angular 1 <a href="http://charemza.name/blog/posts/angularjs/iframe/same-domain-iframe-communication/" rel="noreferrer" title="via scope">via scope</a></p>