Угловое, общаться между модулями

Question

Я парование установки для моего проекта:

• mainApp основной угловой модуль, содержащий EventBus автокрепеж
• app1 первый модуль с mainApp впрыскивается
• app2 второй модуль с mainApp впрыскивается

app1 и app2 - это два модуля, размещенные на одной странице, оба имеют вложенный файл mainApp.

Я пытаюсь установить связь между app1 и app2 с использованием фабрики EventBus, которая определена в mainApp. К сожалению, я не могу заставить его работать (приложение 1 не захватывает событие app2 и наоборот).

Как это разрешить? Я принимаю неправильный подход?

EventBus.subscribe("App1Ctr.event", function (event, data) { 
    console.log("App2handler"); 
    $scope.name = data.newVal; 
}); 


$scope.fireEvent = function() { 
    EventBus.broadcast("App2Ctr.event", {"newVal": "App2Ctr"}); 
}; 

Вот plnkr

Answer 1

Вы должны изменить способ зависимостей впрыскивается. Ваш main.js должен содержать следующее:

var mainApp = angular.module("mainApp", ["app1", "app2"]) 

Ваши два app1.js и app2.js может упасть требование о зависимостях от mainApp:

var app1 = angular.module("app1", []) 

и

var app2 = angular.module("app2", []) 

Ваш код инициализации в index.html становится

<script> 
    angular.element(document).ready(function() { 
     angular.bootstrap(document, ["mainApp"]); 
    }); 
</script> 

Вам также нужно будет изменить ссылки на {{name}}, чтобы они включали точку (из-за всей прототипической наследования в угловом). См. this plunkr и this question для получения более подробной информации о $broadcast, $emit, $on и $rootScope.

Answer 2

Мне удалось найти решение. Метод трансляции в EventBus должен выглядеть примерно так:

_broadcast = function(eventName, data) { 
    console.log("EventBus broadcast: " + eventName); 
    angular.element(document.getElementById('app1')).scope().$root.$emit(eventName, data); 
    }; 

Поскольку он должен получить угловое приложение по идентификатору, я буду использовать в дополнении EventDispatcher справиться с этим.