title: Angular2 call method of other component
body: <p>I have an Angular2 app in which I created an Header component, that's rendered in my main App component.</p>
  
  <p>Now, I have an other Form component that should have its submit button placed in the Header. How could I do that?</p>
  
  <p>I sort of need to communicate between the submit button in the Header and the submit method of the Form component. I know it's trivial to do parent>child or child>parent communication, but in this case there is no parent-child relationship nor sibling relationship between my Header and Form components.</p>
  
  <p>My component tree looks like this:</p>
  
  <pre><code>- app-root
    |-- app-header // -&gt; this is where the submit button is
    |-- app-edit-profile
        |-- app-profile-form // -&gt; this is my form
  </code></pre>
  
  <p>Does someone have any idea of a possible implementation?</p>