title: How to access child controller data from parent view in AngularJS
body: <p>I have an ionic view like this - </p>
  
  <pre><code>&lt;ion-nav-bar class="header-panel" align-title="center"&gt;
      &lt;h1 class="title offer-title"&gt;Title 1&lt;/h1&gt;
  &lt;/ion-nav-bar&gt;
  
  &lt;ion-tabs class="tabs-royal"&gt;
      &lt;ion-tab title="Tab 1" href="#/somelink1"&gt;
          &lt;ion-nav-view name="someview1"&gt;&lt;/ion-nav-view&gt;
      &lt;/ion-tab&gt;
      &lt;ion-tab title="Tab 2" href="#/somelink2"&gt;
          &lt;ion-nav-view name="someview2"&gt;&lt;/ion-nav-view&gt;
      &lt;/ion-tab&gt;
  &lt;/ion-tabs&gt;
  </code></pre>
  
  <p>The <code>someview1</code> and <code>someview2</code> are bound to their respective controllers, but they can represent data dynamically, say with <code>Id=1</code> or <code>Id=2</code> or <code>Id=3</code> and so on.</p>
  
  <p>How can I access this Id information which the tabs hold in the parent level so I can change nav bar title dynamically like <code>Title 1</code> or <code>Title 2</code> or <code>Title 3</code> respectively.</p>
  
  <p>Essentially what I am asking is can we have a top level controller which holds information what child level controller data is?</p>
  
  <p><strong>Note:</strong> The routes are set-up using <code>ui-router</code>.</p>
  
  <p>Thanks in advance.</p>