title: AngularJS UI-Router: Two way binding between resolved object in child/parent state—Child state won't update
body: <p>I have a parent state and a child state. The parent state resolves an object. Then, the child state resolves that object from the parent state. </p>
  
  <p>Because the child state is resolving the object from the parent state, I would expect two-way binding to occur. And oddly, although changes from the child state (i.e, adding a property), update the object in the parent state—changes in the object in the parent state are not affecting the resolved object in the child state, which surprised me. </p>
  
  <p>I know that I could just <code>$broadcast</code> changes in the  resolved object in the parent state to the child state, but I would like to understand why the resolved object in the child state is not being updated automatically. </p>
  
  <p>Here's what I'm working with. Parent state:</p>
  
  <pre><code>.config(function($stateProvider) {
    $stateProvider.state('parent', {
      template:  ''
      +'  &lt;div&gt;Parent State&lt;/div&gt;'
      +'    &lt;div&gt;Modify property on parent state, object.someProperty:'
      +'      &lt;input ng-model="object.someProperty"&gt;'
      +'        {{object.someProperty}}'
      +'    &lt;/div&gt;'
      +'  &lt;/div&gt;' 
      +'  Include Child State'
      +'  &lt;ui-view&gt;&lt;/ui-view&gt;',
      controller: function($scope) {
  
        $scope.object = object;
  
      },
      resolve: {
         object: [function() {
           var object = '';
           object.someProperty = 'initialValue';
           return object;
         }]
      }
    })
  </code></pre>
  
  <p>And child state:</p>
  
  <pre><code>  .state('parent.child', {
      template: ''
      +'  &lt;div&gt;Child State&lt;/div&gt;'
      +'    &lt;div&gt;Watch property from parent state, object.someProperty'
      +'        {{object.someProperty}}'
      +'    &lt;/div&gt;',
      resolve: {
        objectFromParent: ['object', function(object) {
          return object;
        }]
      },
      controller: function(objectFromParent) {
  
        $scope.objectFromParent = objectFromParent;          
      }        
    });
  });
  </code></pre>
  
  <p>Does the <code>resolve</code> in the child state only occur on instantiation? Ie.—once the child state resolves the object from the parent state, it is no longer listening for changes to the resolved object? It doesn't seem like that should be the case. </p>
  
  <p>PLNKR might be bugging out—my code won't work for unknown reasons: 
  <a href="http://plnkr.co/edit/EjV4TtSIP6HpVMG0oanL?p=preview" rel="nofollow">http://plnkr.co/edit/EjV4TtSIP6HpVMG0oanL?p=preview</a></p>
  
  <p>Any direction or insight is appreciated. Thank you! </p>