Связь между контроллерами невозможно

Question

ПРЕДВАРИТЕЛЬНЫЕ

Я занимаюсь разработкой веб-приложений с использованием angularjs. В какой-то момент мой главный контроллер подключается к веб-службе, которая непрерывно отправляет данные. Чтобы захватить и обработать поток, я использую (http://ajaxpatterns.org/HTTP_Streaming). Все работает как шарм. Я хотел бы поделиться этими потоковыми данными с другим контроллером, который будет обрабатывать и отображать их через библиотеку jquery chart (еще не решил, какой из них я буду использовать, но это выходит за рамки этого вопроса). Чтобы поделиться этими данными, я следил за этим jsfiddle (http://jsfiddle.net/eshepelyuk/vhKfq/).

Ниже приведены некоторые части моего кода.

модуль, маршруты и определения услуг: определение

var platform = angular.module('platform', ['ui']); 

platform.config(['$routeProvider',function($routeProvider){ 
    $routeProvider. 
     when('/home',{templateUrl:'partials/home.html',controller:PlatformCtrl}). 
     when('/visu/:idVisu', {templateUrl: 'partials/visuTimeSeries.html',controller:VisuCtrl}). 
     otherwise({redirectTo:'/home',templateUrl:'partials/home.html'}) 
}]); 

platform.factory('mySharedService', function($rootScope) { 
    return { 
     broadcast: function(msg) { 
      $rootScope.$broadcast('handleBroadcast', msg); 
     } 
    }; 
}); 

PlatformCtrl: определение

function PlatformCtrl($scope,$http,$q,$routeParams, sharedService) { 

    ... 

    $scope.listDataVisu ={}; 

    ... 

    $scope.listXhrReq[idVisu] = createXMLHttpRequest(); 
    $scope.listXhrReq[idVisu].open("get", urlConnect, true); 
    $scope.listXhrReq[idVisu].onreadystatechange = function() { 
    $scope.$apply(function() { 
     var serverResponse = $scope.listXhrReq[idVisu].responseText; 
     $scope.listDataVisu[idVisu] = serverResponse.split("\n"); 
     sharedService.broadcast($scope.listDataVisu); 
    }); 
    }; 
    $scope.listXhrReq[idVisu].send(null); 
    var w = window.open("#/visu/"+idVisu); 

    $scope.$on('handleBroadcast', function(){ 
    console.log("handleBroadcast (platform)"); 
    }); 

} 

VisuCtrl:

function VisuCtrl($scope,$routeParams,sharedService) { 

    $scope.idVisu = $routeParams.idVisu; 
    $scope.data = []; 

    /* *************************************** 
    * LISTENER FOR THE HANDLEBROADCAST EVENT 
    *****************************************/ 

    $scope.$on('handleBroadcast', function(event,data){ 
     console.log("handleBroadcast (visu)"); 
     $scope.data = data[$scope.idVisu]; 
    }); 


} 

Injection:

PlatformCtrl.$inject = ['$scope','$http','$q','$routeParams','mySharedService']; 
VisuCtrl.$inject = ['$scope','$routeParams','mySharedService']; 

ЗАДАЧИ

При выполнении этого кода, он выглядит, как только контроллер PlatformCtrl прослушивает handleBroadcast события. В самом деле, глядя на консоль, все, что отображается, только handleBroadcast (platform) каждый раз, когда поступают новые данные. Я очень удивлен, потому что я прочитал в официальной документации, что $broadcast функция

отправляет имя события вниз для всех дочерних областей (и их детей) уведомлениями зарегистрированных нг. $ RootScope.Scope # $ на слушателях ,

Поскольку все прицелы в данном приложении наследует от $rootScope, я не понимаю, почему $on функция VisuCtrl не запускается каждый раз, когда новые данные транслируются.

Answer 1

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

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

function VisuCtrl($scope, $routeParams, sharedService, $rootscope) { 
    console.log($rootScope); 
} 

Answer 2

Ваш поток запросов выходит из углового, поэтому он не будет распознан до следующей фазы $ digest (см., Как угловые обрабатывают двустороннюю привязку через грязное соответствие). Для того, чтобы попасть в угловом мире вы должны использовать $apply:

$scope.listXhrReq[idVisu].onreadystatechange = function() { 
    $scope.$apply(function() { 
     var serverResponse = $scope.listXhrReq[idVisu].responseText; 
     $scope.listDataVisu[idVisu] = serverResponse.split("\n"); 
     sharedService.broadcast($scope.listDataVisu); 
    }); 
    }; 

Answer 3

Может быть, что ваш VisuCtrl еще не инициализированы, так как вы используете пользовательские маршрутизации? Разве все равно, когда вы переходите на /visu/:idVisu?