переменная $ scope не обновляется в пределах $rootScope.$на

Причина в том, что вы воссоздаете data каждый раз

// this will create new reference to data
// in current scope, while not effecting any other (parent)
$scope.data = {id: 2}; 

Если вы хотите обновить существующую ссылку, мы должны это сделать

// here we work with existing reference
// if it was created, it will be used, the id property will be updated
$scope.data = $scope.data  || {}; 
$scope.data.id = 2;

Существует обновленная версия.

Теперь у государства есть родитель, который $scope мы будем наследовать все время, поэтому мы можем использовать его в качестве общего держателя для $scope.data

  $stateProvider
    .state('state1Parent', {
      template: '<div ui-view=""></div>',
      controller: 'state1ParentCtrl',
    });
  $stateProvider
    .state('state1', {
      parent: 'state1Parent',
      url: '/state1/:id',
      controller: 'state1Ctrl',
      templateUrl: 'state1.html'
    });

Контроллер обновил def:

app.controller('state1Ctrl', function ($scope, $rootScope, $state, $stateParams) {
  // no $scope.data definition, used the inherited
  //$scope.data = {id: 3}; 

  $rootScope.$on('$stateChangeSuccess', function(evt, toState, toParams, fromState, fromParams) {
    console.log($scope.data);

    // because this state change listener still have access to $scope
    // we can update the value of data.id
    // because it is in fact parent reference
    // se even next state will have access to it


    //$scope.$apply(function() {
      $scope.data = $scope.data || {};  
      $scope.data.id = toParams.id;  
      console.log($scope.data);
    //});
  });

});

И родительский контроллер с определением справочных данных

app.controller('state1ParentCtrl', function ($scope, $rootScope, $state, $stateParams) {
  $scope.data = { id : 1 };
})

Проверьте это здесь .

Я не говорю, что мы должны идти этим путем. Но пытаясь показать, в чем заключается проблема, и как ее можно решить

EXTEND: можем ли мы сделать это без родительского состояния?

Из расширенного вопроса:

Basic Iне было ситуации сродительским состоянием в моем случае. То, что я хочу сделать, это из того же состояния, вызвать это состояние с новыми парами и изменить некоторую переменную $scope объекты. Это все.

Итак, каковы здесь проблемы.

1) жизненный цикл controller является самым коротким в угловом мире. Он будет жить только во время государства. Как только мы покинем его, перейдите к другому - он исчезнет (если нет крючков утечки памяти)

2) область действия контроллера будет уничтожена, как только контроллер будет уничтожен... 3) мы должны думать о государствах как об изолированных островах. Если у нас есть доступ к состоянию $scope - даже во внутреннем объявление $rootScope.$on('$stateChangeSuccess' - у нас есть доступ к $ scope текущего состояния... текущего контроллера. Фактически, мы создаем кандидата на утечку памяти

app.controller('state1Ctrl', ...
  ...
  $rootScope.$on('$stateChangeSuccess', ...
     // HERE - $scope belongs to Controller, and its life cycle is very short
     $scope.data =

4) Если мы хотим изменить какое - то значение, inisde из "того же состояния" - после перехода мы должны переместить его. Он не может быть в текущем состоянии, потому что текущее состояние / представление / контроллер (и его область действия) не будут одинаковыми. 5) способ хранения данных - сервис (синглтон) или модель внутри родительского элемента (который будет наследоваться через вид / область наследования)

6) в $rootScope.$on должна быть объявлена в некоторых .метод run () - вне контроллера. Но в данном случае это, по-видимому, не добавляет никакой ценности. Потому что если мы поместим общие данные в какой-то сервис... мы можем сделать это в любом месте, например, в другом контроллере, а также