title: navigation bar with angularjs with pages divided into segments
body: <p>I have a setup like this </p>
  
  <pre><code>&lt;div class="" ng-controller="routeController"&gt;
      &lt;nav class="nav"&gt;
          &lt;ul&gt;
              &lt;li href="#view1"&gt;&lt;/li&gt;
              &lt;li href="#view2"&gt;&lt;/li&gt;
              &lt;li href="#view3"&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;
  &lt;/div&gt;
  &lt;div ng-controller="ContentController"&gt;
      &lt;ng-view&gt;&lt;/ng-view&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now how do I update the angular view of <code>contentController</code> view clicks of the navigation bar on top . Cause both controller scopes are different . Any ideas ? I am very very new to angularjs </p>