Angular2 call method of other component
<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>