Как сообщить родительскому контроллеру состояния что-то произошло в контроллере дочерних состояний

Question

В контексте приведенной ниже настройки, как бы сказать родительскому контроллеру (ZoneController), что-то произошло в дочернем контроллере (ZoneCodeController)?

.state('zone', 
{ 
    url:'/zone', 
    controller:'ZoneController', 
    templateUrl:'views/zone.html' 
}) 
.state('zone.code', 
{ 
    url:'/:zoneCode', 
    controller:'ZoneCodeController', 
    templateUrl:function(stateParams) 
    { 
     return 'views/zone-codes/'+stateParams.zoneCode+'.html'; 
    } 
} 

Answer 1

Если вы хотите подписаться на родительский контроллер на событие, которое происходит внутри дочернего, вы можете использовать $ emit.

.controller('ZoneController', function ($scope) { 
    $scope.$on('eventName', function (data) { 
     // Do something. 
    }); 
}) 

.controller('ZoneCodeController', function ($scope) { 

    $scope.somethingHappened = function() { 
     var data = {key: 'value'}; 

     // Publish the event up the controller hierarchy. 
     $scope.$emit('eventName', data); 
    } 

}); 

Альтернативно, если вы просто хотите поделиться данными, услуга, вероятно, будет лучшим выбором.

Answer 2

Рекомендуемый способ - создать службу для обмена данными между контроллерами. Я создал что-то вроде:

angular.module('MODULENAME', []).factory('SharedHashTable', function($rootScope, $log) { 
    var data = {}; 

    return { 
     set: function(key, value) { 
      data.key = value; 
     }, 
     get: function(key) { 
      return data.key; 
     } 

    }; 
}); 

Затем вы можете добавить SharedHashTable к тому, что контроллер может вызвать его набор или получить методы:

// in controller 1 
SharedHashTable.set("MyData", $scope.myData); 
// in controller 2 
$scope.otherData = SharedHashTable.get("MyData");