Bagaimana untuk Mencetuskan Peristiwa dalam Komponen Pengaki dan Mengendalikannya dalam Komponen Pengimbas Kod Menggunakan $broadcast dan $on Angular?

Mary-Kate Olsen
Lepaskan: 2024-10-30 12:45:03
asal
708 orang telah melayarinya

How to Trigger an Event in a Footer Component and Handle It in a Code Scanner Component Using Angular's $broadcast and $on?

Penyiaran dan Pengendalian Acara dengan $broadcast dan $on dalam Sudut

Memahami Masalah

Pengendalian acara Angular adalah aspek asas komunikasi antara komponen. Senario khusus ini melibatkan mencetuskan peristiwa dalam komponen pengaki dan mengendalikannya dalam komponen pengimbas kod. Soalan ini meneroka cara untuk mencapai ini menggunakan $broadcast dan $on.

Menggunakan $broadcast untuk Pemancaran Peristiwa

Dalam pengawal komponen pengaki, $rootScope boleh digunakan untuk penyiaran acara:

<code class="javascript">$scope.startScanner = function() {
    $rootScope.$broadcast('scanner-started');
}</code>
Salin selepas log masuk

Barisan ini mengeluarkan acara bernama 'scanner-started' apabila butang dalam pengaki diklik.

Menggunakan $on untuk Mendengar Acara

Dalam pengawal komponen pengimbas kod, $scope boleh digunakan untuk mendengar acara yang disiarkan:

<code class="javascript">$scope.$on('scanner-started', function(event, args) {
    // Handle event
});</code>
Salin selepas log masuk

Pendengar acara ini akan dicetuskan apabila acara 'dimulakan pengimbas' dipancarkan.

Meluluskan Hujah dengan $broadcast

Hujah boleh dihantar bersama dengan acara yang disiarkan menggunakan kaedah $broadcast:

<code class="javascript">$rootScope.$broadcast('scanner-started', { any: {} });</code>
Salin selepas log masuk

Mendapatkan semula Hujah dalam $on

Hujah yang diluluskan boleh diambil dalam pendengar acara $on:

<code class="javascript">$scope.$on('scanner-started', function(event, args) {
    var anyThing = args.any;
    // Handle event
});</code>
Salin selepas log masuk

Pertimbangan Tambahan

  • $rootScope hendaklah digunakan untuk penyiaran acara antara komponen yang berbeza.
  • Nama acara hendaklah deskriptif untuk menyampaikan tujuannya.
  • Argumen boleh digunakan untuk menghantar data tambahan bersama-sama dengan acara itu.
  • Dokumentasi komprehensif tentang pengendalian acara dalam Angular boleh didapati dalam dokumentasi rasmi.

Atas ialah kandungan terperinci Bagaimana untuk Mencetuskan Peristiwa dalam Komponen Pengaki dan Mengendalikannya dalam Komponen Pengimbas Kod Menggunakan $broadcast dan $on Angular?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!