title: Change object from child scope in angularjs
body: <p>Fiddle: <a href="http://jsfiddle.net/6RBJ5/1/" rel="nofollow">http://jsfiddle.net/6RBJ5/1/</a></p>
  
  <p>So basically I want to access an object from parent scope that is modified in child scope.</p>
  
  <pre><code>function Parent($scope) {
      $scope.data = null;
  }
  
  function Child($scope) { 
      $scope.data = [{id:1}, {id:2}]
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div ng-controller="Parent"&gt;
    Data length: {{ data.length }}&lt;br&gt;
  &lt;div ng-controller="Child"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However length prints nothing. Any ideas how to fix this?</p>