title: Angularjs inheriting parent scope confusion
body: <p>I have a controller that's inside another controller.</p>
  
  <pre><code>&lt;div ng-controller="post"&gt;
    &lt;div ui-if="isAllowed"&gt;
      &lt;footer ng-controller="footer"&gt;&lt;/footer&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I believe the ui-if creates a new scope so there's 3 scopes here.</p>
  
  <p>I want the footer controller to be able to access the scope of post. </p>
  
  <pre><code>.controller('post', function($scope) {
    $scope.foo = "bar"
  })
  </code></pre>
  
  <p>I can easily do <code>$scope.$parent.$parent.foo</code> but I read that scopes are supposed to automatically inherit from the parent, and the parent thing is just super unwieldy. </p>
  
  <p>Quote from Angularjs wiki:</p>
  
  <blockquote>
    <p>(If you really want to share data via controllers scope inheritance,
    there is nothing you need to do. The child scope will have access to
    all of the parent scope properties. See also Controller load order
    differs when loading or navigating)</p>
  </blockquote>
  
  <p>How do I access foo from the footer scope?</p>