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

Кроме того, внутри шаблона Hot Towel Джона Папы есть пользовательская функция в общем модуле с именем $broadcast:

function $broadcast() {
    return $rootScope.$broadcast.apply($rootScope, arguments);
}

Я не понял, что это делает. Итак, вот пара основных вопросов:

1) Что делает $rootScope.$broadcast?

2) В чем разница между $rootScope.$broadcastи $rootScope.$broadcast.apply?

1. Что $rootScope.$broadcastделать?

   $rootScope.$broadcastотправляет событие через область приложения. Любые дети объем этого приложения может поймать его с помощью простого: $scope.$on().

   Особенно полезно отправлять события, когда вы хотите достичь области, которая не является прямым родителем (например, ветвь родителя)

   !!! Одна вещь , чтобы не делать , однако, использовать $rootScope.$onот контроллера. $rootScopeэто приложение, когда ваш контроллер будет уничтожен, этот прослушиватель событий все еще будет существовать, а когда ваш контроллер будет создан снова, он просто накапливает больше прослушивателей событий. (Таким образом, одна трансляция будет поймана несколько раз). Используйте $scope.$on()вместо этого, и слушатели также будут уничтожены.

2. В чем разница между $rootScope.$broadcast& $rootScope.$broadcast.apply?

   Иногда приходится пользоваться apply(), особенно при работе с директивами и другими библиотеками JS. Однако, поскольку я не знаю этой кодовой базы, я не мог бы сказать, так ли это здесь.

$rootScope в основном функционирует как слушатель и диспетчер событий.

Чтобы ответить на вопрос о том, как он используется, он используется вместе с rootScope.$on;

$rootScope.$broadcast("hi");

$rootScope.$on("hi", function(){
    //do something
});

Однако использование в $rootScopeкачестве общей службы событий вашего собственного приложения - плохая практика , поскольку вы быстро попадете в ситуацию, когда каждое приложение зависит от $ rootScope, и вы не знаете, какие компоненты какие события прослушивают.

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

.service("hiEventService",function($rootScope) {
    this.broadcast = function() {$rootScope.$broadcast("hi")}
    this.listen = function(callback) {$rootScope.$on("hi",callback)}
})

$ rootScope. $ broadcast - удобный способ вызвать «глобальное» событие, которое могут прослушивать все дочерние области. Вам нужно использовать только $rootScopeдля широковещательной рассылки сообщения, так как все дочерние области могут его прослушивать.

Корневая область видимости транслирует событие:

$rootScope.$broadcast("myEvent");

Любой дочерний Scope может прослушивать событие:

$scope.$on("myEvent",function () {console.log('my event occurred');} );

Почему мы используем $ rootScope. $ Broadcast? Вы можете использовать $watchдля прослушивания изменений переменных и выполнения функций при изменении состояния переменной. Однако в некоторых случаях вы просто хотите вызвать событие, которое могут прослушивать другие части приложения, независимо от любого изменения состояния переменной области. Это когда $broadcastполезно.

Передача данных !!!

Интересно, почему никто не упоминает, что $broadcastпринимает параметр, в котором вы можете передать, Objectкоторый будет получен с $onпомощью функции обратного вызова

Пример:

// the object to transfert
var myObject = {
    status : 10
}

$rootScope.$broadcast('status_updated', myObject);

$scope.$on('status_updated', function(event, obj){
    console.log(obj.status); // 10
})

Что делает $ rootScope. $ Broadcast?

Он транслирует сообщение соответствующим слушателям по всему приложению angular, что является очень мощным средством для передачи сообщений в области на другом иерархическом уровне (будь то родительский, дочерний или братья и сестры)

Точно так же у нас есть $ rootScope. $ Emit, с той лишь разницей, что первый также попадает в $ scope. $ On, а второй - только в $ rootScope. $ On.

см. примеры: - http://toddmotto.com/all-about-angulars-emit-broadcast-on-publish-subscribing/