Bagaimana untuk Menggunakan $on dan $broadcast untuk Komunikasi Acara dalam Angular?

Komunikasi Acara dalam Sudut: $on dan $broadcast

Dalam Sudut, komunikasi acara adalah penting untuk menyelaraskan interaksi antara bahagian aplikasi yang berlainan . $on dan $broadcast ialah mekanisme Sudut teras yang membolehkan penyiaran dan pengendalian acara yang berkesan merentas komponen.

Pemahaman $on dan $broadcast

• $broadcast: Dipancarkan oleh skop untuk memberitahu semua keturunannya (skop kanak-kanak) dan rantaian induk skop tentang acara tertentu.
• $on: Didaftarkan oleh skop kepada dengar acara tertentu yang disiarkan daripada skop semasa, skop induknya atau skop anak-anaknya.

Melaksanakan Komunikasi Acara dalam Contoh Anda

Dalam kes anda, anda mahu peristiwa klik dalam pengawal pengaki untuk mencetuskan peristiwa yang boleh dikendalikan oleh pengawal pengimbas kod. Untuk mencapai ini:

1. Penyiar (footerController):

• Gunakan $rootScope untuk menyiarkan acara, kerana ia merangkumi semua skop dalam aplikasi.
• Tentukan fungsi seperti berikut dalam footerController:

$scope.startScanner = function() {
    $rootScope.$broadcast('scanner-started');
}

2. Penerima (codeScannerController):

• Gunakan $on untuk mendengar acara siaran dalam codeScannerController:

$scope.$on('scanner-started', function(event, args) {
    // Your logic here
});

Keupayaan Tambahan:

• Anda boleh menyampaikan hujah apabila menyiarkan acara menggunakan $broadcast('event-name', { any: {} }).
• Oleh itu, anda boleh menerima hujah ini dalam pengendali acara penerima.

Dokumentasi Rujukan:

Untuk maklumat lebih terperinci, rujuk dokumentasi Sudut rasmi tentang skop: https://docs.angularjs. org/api/ng/type/$rootScope.Scope

Atas ialah kandungan terperinci Bagaimana untuk Menggunakan $on dan $broadcast untuk Komunikasi Acara dalam Angular?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!