AngularJS nested scopes Controller As syntax

index.html

<section ng-controller="ParentController as parent">
    <h4>Parent Scope</h4>
    <p>{{parent.onlyParent}}</p>
    <p>{{parent.myModel}}</p>
    <article ng-controller="ChildController as child">
      <h5>Child Scope</h5>
      <p>{{child.onlyChild}}</p>
      <p>{{child.myModel}}</p>
      <p>{{parent.onlyParent}}</p>
      <p>{{parent.myModel}}</p>
    </article>
</section>