AngularJS nested scopes.

index.html

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