AngularJS için bazı temel bilgiler bulmaya çalıştım $rootScope.$broadcast, ancak AngularJS belgeleri pek yardımcı olmuyor. Basit bir deyişle, bunu neden kullanıyoruz?

Ayrıca, John Papa'nın Sıcak Havlu şablonunun içinde şu adla anılan ortak modülde özel bir işlev vardır $broadcast:

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

Bunun ne yaptığını anlamadım. İşte birkaç temel soru:

1) Ne yapar $rootScope.$broadcast?

2) $rootScope.$broadcastve arasındaki fark nedir $rootScope.$broadcast.apply?

1. Ne anlama geliyor $rootScope.$broadcast?

   $rootScope.$broadcastuygulama kapsamı üzerinden bir olay gönderiyor. Söz konusu uygulamanın tüm çocuklara kapsamı basit kullanarak yakalayabilirsiniz: $scope.$on().

   Doğrudan bir üst öğe olmayan bir kapsama ulaşmak istediğinizde olayları göndermek özellikle yararlıdır (örneğin, bir üst kuruluşun bir dalı)

   !!! Ancak yapılmaması gereken bir şey $rootScope.$on, bir denetleyiciden kullanmaktır . $rootScopeBu uygulama, denetleyiciniz yok edildiğinde, olay dinleyicisi hala var olacak ve denetleyiciniz yeniden oluşturulduğunda, yalnızca daha fazla olay dinleyicisi biriktirecektir. (Yani bir yayın birden çok kez yakalanacaktır). $scope.$on()Bunun yerine kullanın ve dinleyiciler de yok edilecektir.

2. Arasındaki fark nedir $rootScope.$broadcast& $rootScope.$broadcast.apply?

   Bazen apply(), özellikle yönergeler ve diğer JS kitaplıklarıyla çalışırken kullanmanız gerekir . Ancak bu kod tabanını bilmediğim için, buradaki durumun bu olup olmadığını anlayamam.

$rootScope temelde bir olay dinleyicisi ve dağıtıcısı olarak işlev görür.

Nasıl kullanıldığı sorusuna cevap vermek için rootScope.$on;

$rootScope.$broadcast("hi");

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

Bununla birlikte, $rootScopeher uygulamanın $ rootScope'a bağlı olduğu bir duruma hızlı bir şekilde ulaşacağınız ve hangi bileşenlerin hangi olayları dinlediğini bilmediğiniz için kendi uygulamanızın genel etkinlik hizmeti olarak kullanmak kötü bir uygulamadır .

En iyi uygulama, dinlemek veya yayınlamak istediğiniz her özel etkinlik için bir hizmet oluşturmaktır.

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

$ rootScope. $ broadcast , tüm alt kapsamların dinleyebileceği "global" bir olay oluşturmanın uygun bir yoludur. $rootScopeTüm alt kapsamlar onu dinleyebileceği için mesajı yayınlamak için kullanmanız yeterlidir .

Kök kapsam, olayı yayınlar:

$rootScope.$broadcast("myEvent");

Herhangi bir alt Kapsam, etkinliği dinleyebilir:

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

Neden $ rootScope. $ Broadcast kullanıyoruz? $watchDeğişken değişiklikleri dinlemek ve değişken durumu değiştiğinde işlevleri yürütmek için kullanabilirsiniz . Ancak, bazı durumlarda, kapsam değişkeni durumundaki herhangi bir değişiklikten bağımsız olarak, uygulamanın diğer bölümlerinin dinleyebileceği bir olay ortaya çıkarmak istersiniz. Bu ne zaman $broadcastyardımcı olur.

Veri aktarımı !!!

Bir geri arama işlevi kullanarak alınacak $broadcastbir parametreyi geçirebileceğiniz bir parametreyi neden kabul etmediğini merak ediyorum.Object$on

Misal:

// 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 ne yapar?

Mesajı, açısal uygulamanın her yerinde ilgili dinleyicilere yayınlar, mesajları farklı hiyerarşik seviyedeki kapsamlara aktarmak için çok güçlü bir yoldur (ebeveyn, çocuk veya kardeşler)

Benzer şekilde, $ rootScope. $ Emit var, tek fark, birincisinin de $ kapsam tarafından yakalanmasıdır. $ On, ikincisi yalnızca $ rootScope. $ On tarafından yakalanır.

örnekler için bakın: - http://toddmotto.com/all-about-angulars-emit-broadcast-on-publish-subscribing/