Apa itu sebuah acara
• Hanya seperti browser yang menanggapi peristiwa di lapisan browser, seperti klik mouse dan mendapatkan fokus, aplikasi sudut juga dapat menanggapi peristiwa sudut.
• Sistem acara sudut tidak terhubung ke sistem acara browser. Kami hanya dapat mendengarkan peristiwa sudut alih -alih peristiwa DOM dalam ruang lingkup.
Acara menyebar
Karena cakupannya hierarkis, kita dapat lulus acara pada rantai lingkup:
• Gunakan acara Bubble $ Emit, acara gelembung dari subscope saat ini ke ruang lingkup penugasan, dan semua lingkup di atas ruang lingkup yang menghasilkan acara akan diberitahu tentang acara ini.
Metode $ emit () mengambil dua parameter:
Nama nama acara yang akan dipancarkan
Args satu set parameter yang dilewatkan sebagai objek dari pendengar acara
• Gunakan $ siaran untuk menyerahkan acara, dan setiap subscope yang mendaftarkan pendengar akan menerima pesan ini
Metode $ siaran () membutuhkan dua parameter:
Sebutkan nama acara yang akan disiarkan
Args satu set parameter yang dilewatkan sebagai objek dari pendengar acara
• Gunakan $ On untuk mendengarkan acara
Metode $ on () mengambil dua parameter:
objek acara acara
Set parameter param, contoh parameter yang ditetapkan dilewati oleh $ siaran () dan $ emit ():
demo.html <! Doctype html> <html ng-app = "freefedapp"> <head> <title> demo aplikasi sudut </iteme> <script src = "angular.js"> </script> <script src = "app.js"> </script> </head> <cript> <script src = "app.js"> </script> </head> <wead> <cript-dirs = "app.js"> </script> </head> <wead> <cript-dirs = "app.js"> </script> </head> <body-v div Ubah = "Ubah (Judul)"> </div> </div> </body> </html>
app.js /*Deklarasikan modul* / var module = angular.module ('freefedapp', []); /*Deklarasi controller*/module.controller ('freefedctrl', ['$ scope', function ($ scope) {// speak DirectiveClick Events $ scope. $ On ('DirectiveClick', function (param) {console.log (param); // cetak hasil {title: 'I'm dari The Instrucon) {console.log (param); // cetak hasil {title:' I'm dari the the instruce) {console ')) (param); // cetak hasil {title:' I'm dari the the instruce) {console '))) {lower (param); // cetak hasil {title:' I'm dari the the instruce) {console ')) {lakon'); var result = 'Harap perhatikan siaran orangtua'; /*Declare directive*/ module.directive('eventDirective',function(){ return { scope : { change : '&' }, replace : true, template : '<a>Click me upward bubbling event</a>', link : function( scope,el,attr ){ el.on('click',function(){ //Bubble upward directiveClick event to notify the parent scope SCOPE. $ EMIT (DirectiveClick ', {Title:' I'm dari The Instruction Child Scope '});Properti Objek Acara
Properti objek acara acara di $ on adalah sebagai berikut:
• TargetScope (objek lingkup)
Lingkup acara pengiriman atau penyiaran
• Currentscope (objek lingkup)
Ruang lingkup acara pemrosesan saat ini
• Nama (string)
Nama acara yang sedang diproses
• stoppropagation (fungsi)
Fungsi stoppropagation () membatalkan penyebaran lebih lanjut dari peristiwa yang dipicu oleh $ emit
• PreventDefault (function) preventDefault () Menetapkan bendera default yang diupayakan ke True. Meskipun perambatan acara tidak dapat dihentikan, subscope dapat mengetahui bahwa acara ini tidak diperlukan melalui bendera default.
• DefaultPrevented (Nilai Boolean)
Anda dapat menilai apakah peristiwa yang disebarkan oleh orang tua dapat diabaikan dengan menilai properti yang diungkapkan default.
Diskusi singkat di atas tentang peristiwa di AngularJS adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.