title: How to pass data between sibling components without using $scope?
body: <p>I am making a component  that contains 3 child components in this way: </p>
  
  <pre><code>&lt;header-component&gt;
  &lt;side-component&gt;
  &lt;main-component&gt;
  </code></pre>
  
  <p>The main component contains list of heroes. 
  The header component contains two buttons that are suppose to switch the view on the main component to list or grid view.</p>
  
  <p>The problem I have now is passing data from the header-component to the main component. So when I click grid button the view on the main content should change to grid view , same for the row view.</p>
  
  <p>How can the data be passed between child components in angular 1.5 ? </p>