พยายามหาข้อมูลพื้นฐานของ AngularJS $rootScope.$broadcastแต่เอกสาร AngularJS ไม่ได้ช่วยอะไรมาก พูดง่ายๆว่าทำไมเราถึงใช้สิ่งนี้?

นอกจากนี้ภายในเทมเพลตHot Towelของ John Papa ยังมีฟังก์ชันที่กำหนดเองในโมดูลทั่วไปที่ชื่อ$broadcast:

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

ฉันไม่เข้าใจว่านี่กำลังทำอะไรอยู่ ดังนั้นนี่คือคำถามพื้นฐานสองสามข้อ:

1) $rootScope.$broadcastทำอะไร?

2) อะไรคือความแตกต่างระหว่าง$rootScope.$broadcastและ$rootScope.$broadcast.apply?

1. อะไร$rootScope.$broadcastทำอย่างไร

   $rootScope.$broadcastกำลังส่งเหตุการณ์ผ่านขอบเขตแอปพลิเคชัน ขอบเขตใด ๆ ของเด็ก app $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 การออกอากาศ $เป็นวิธีที่สะดวกในการสร้างเหตุการณ์ "ทั่วโลก" ซึ่งขอบเขตย่อยทั้งหมดสามารถรับฟังได้ คุณจะต้องใช้$rootScopeในการถ่ายทอดข้อความเท่านั้นเนื่องจากขอบเขตของลูกหลานทั้งหมดสามารถรับฟังได้

ขอบเขตรูทถ่ายทอดเหตุการณ์:

$rootScope.$broadcast("myEvent");

ขอบเขตของเด็ก ๆ สามารถฟังเหตุการณ์:

$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 ทำอะไร?

มันถ่ายทอดข้อความไปยังผู้ฟังที่เกี่ยวข้องทั่วทั้งแอพเชิงมุมซึ่งเป็นวิธีที่มีประสิทธิภาพมากในการถ่ายโอนข้อความไปยังขอบเขตในระดับลำดับชั้นที่แตกต่างกัน (ไม่ว่าจะเป็นผู้ปกครองเด็กหรือพี่น้อง)

ในทำนองเดียวกันเรามี $ rootScope $ emit ข้อแตกต่างเพียงอย่างเดียวคืออดีตถูกจับโดย $ scope $ on ในขณะที่หลังถูกจับโดย $ rootScope $ on เท่านั้น

ดูตัวอย่าง: - http://toddmotto.com/all-about-angulars-emit-broadcast-on-publish-subscribing/