Share object between 2 child components
<p>I have a main component with 3 sub-components.</p>

<p>Main component HTML structure looks like this:</p>

<pre><code>&lt;div class="container-fluid"&gt;
   &lt;div class="row"&gt;
      &lt;reserved-parking&gt;&lt;/reserved-parking&gt;

      &lt;available-parking&gt;&lt;/available-parking&gt;

      &lt;profile&gt;&lt;/profile&gt;
   &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>For instance, when a user selects parking from available-parking component information should be sent to reserved-parking component. So, I need to pass a JSON object from available-parking to reserved-parking component.</p>

<p>I've tried to use <code>@Input</code>, but no luck. Only from parent to child and vice-versa.</p>

<p>Thanks in advance.</p>