title: angularjs: access inner scope from outer scope
body: <p>I am trying to move bits from a parent controller inside child controllers in an angularjs app to not pollute the main controller too much.
  Here's a simplified fiddle: <a href="http://jsfiddle.net/terebentina/5RMPV/" rel="nofollow">http://jsfiddle.net/terebentina/5RMPV/</a>
  So when I click the change button, the third letter should change to 'X'.
  Initially the item_change() function was inside the main controller and was doing <code>$scope.items[idx] = 'X'</code> and this worked just fine. However, since I moved it inside the ItemCtrl, I have no idea how to access it for the 3rd element.</p>
  
  <p>Any help would be much appreciated.</p>