Đã cố gắng tìm một số thông tin cơ bản cho AngularJS $rootScope.$broadcast, nhưng tài liệu AngularJS không giúp được gì nhiều. Nói một cách dễ hiểu tại sao chúng ta sử dụng cái này?

Ngoài ra, bên trong mẫu Khăn nóng của John Papa có một chức năng tùy chỉnh trong mô-đun chung có tên $broadcast:

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

Tôi không hiểu điều này đang làm gì. Vì vậy, đây là một số câu hỏi cơ bản:

1) Làm gì $rootScope.$broadcast?

2) Sự khác biệt giữa $rootScope.$broadcastvà là $rootScope.$broadcast.applygì?

1. Làm gì $rootScope.$broadcast?

   $rootScope.$broadcastđang gửi một sự kiện thông qua phạm vi ứng dụng. Bất kỳ trẻ em phạm vi ứng dụng có thể bắt nó bằng cách sử dụng đơn giản: $scope.$on().

   Đặc biệt hữu ích khi gửi các sự kiện khi bạn muốn tiếp cận phạm vi không phải là cấp cha mẹ trực tiếp (Ví dụ: một nhánh của cấp độ cha mẹ)

   !!! Tuy nhiên, một điều không nên làm là sử dụng $rootScope.$ontừ bộ điều khiển. $rootScopelà ứng dụng, khi bộ điều khiển của bạn bị phá hủy, bộ xử lý sự kiện đó sẽ vẫn tồn tại và khi bộ điều khiển của bạn được tạo lại, nó sẽ chỉ chồng chất thêm bộ nghe sự kiện. (Vì vậy, một chương trình phát sóng sẽ bị bắt nhiều lần). Sử dụng $scope.$on()thay thế, và người nghe cũng sẽ bị phá hủy.

2. Sự khác biệt giữa $rootScope.$broadcast& $rootScope.$broadcast.apply?

   Đôi khi bạn phải sử dụng apply(), đặc biệt là khi làm việc với các chỉ thị và các thư viện JS khác. Tuy nhiên, vì tôi không biết cơ sở mã đó, tôi sẽ không thể biết liệu đó có phải là trường hợp ở đây hay không.

$rootScope về cơ bản hoạt động như một người nghe và điều phối sự kiện.

Để trả lời câu hỏi nó được sử dụng như thế nào, nó được sử dụng kết hợp với rootScope.$on;

$rootScope.$broadcast("hi");

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

Tuy nhiên, bạn không nên sử dụng $rootScopelàm dịch vụ sự kiện chung cho ứng dụng của mình, vì bạn sẽ nhanh chóng rơi vào tình huống mọi ứng dụng phụ thuộc vào $ rootScope và bạn không biết thành phần nào đang lắng nghe sự kiện nào.

Cách tốt nhất là tạo một dịch vụ cho từng sự kiện tùy chỉnh mà bạn muốn nghe hoặc phát.

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

$ rootScope. $ broadcast là một cách thuận tiện để nâng cao sự kiện "toàn cầu" mà tất cả các phạm vi con đều có thể lắng nghe. Bạn chỉ cần sử dụng $rootScopeđể phát tin nhắn, vì tất cả các phạm vi con cháu đều có thể nghe nó.

Phạm vi gốc phát sự kiện:

$rootScope.$broadcast("myEvent");

Bất kỳ Phạm vi con nào cũng có thể lắng nghe sự kiện:

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

Tại sao chúng tôi sử dụng $ rootScope. $ Broadcast? Bạn có thể sử dụng $watchđể lắng nghe các thay đổi của biến và thực thi các hàm khi trạng thái của biến thay đổi. Tuy nhiên, trong một số trường hợp, bạn chỉ muốn nêu ra một sự kiện mà các phần khác của ứng dụng có thể lắng nghe, bất kể thay đổi nào về trạng thái biến phạm vi. Đây là khi $broadcasthữu ích.

Truyền dữ liệu !!!

Tôi tự hỏi tại sao không ai đề cập đến việc $broadcastchấp nhận một tham số nơi bạn có thể truyền một tham số Objectsẽ được nhận bằng $oncách sử dụng hàm gọi lại

Thí dụ:

// 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 làm gì?

Nó truyền thông điệp đến những người nghe tương ứng trên khắp ứng dụng góc cạnh, một phương tiện rất mạnh mẽ để truyền thông điệp đến các phạm vi ở cấp độ phân cấp khác nhau (có thể là cha mẹ, con cái hoặc anh chị em)

Tương tự, chúng ta có $ rootScope. $ Release, sự khác biệt duy nhất là cái trước cũng bị bắt bởi $ scope. $ On trong khi cái sau chỉ bị $ rootScope. $ On.

tham khảo các ví dụ: - http://toddmotto.com/all-about-angulars-emit-broadcast-on-publish-subscriping/