title: angular inner scope override out scope
body: <p>I am pretty new to angular an try to figure out how scope works.</p>
  
  <p>I define 2 controllers OuterCtrl and InnerCtrl, InnerCtrl is nested into OuterCtrl.
  they both define the same variable user.age in scope.</p>
  
  <p>As I understand, InnerCtrl and OuterCtrl have different scope, so they should to different value when I print it out with expression </p>
  
  <pre><code>{{user.age}}
  </code></pre>
  
  <p>But it seems like the inner scope override the outer scope as the result shows. <a href="http://plnkr.co/edit/BKKlP7?p=preview" rel="nofollow">test code</a></p>
  
  <h3>Why is this?</h3>