เหตุการณ์คืออะไร
•เช่นเดียวกับเบราว์เซอร์ตอบสนองต่อเหตุการณ์ในเลเยอร์เบราว์เซอร์เช่นการคลิกเมาส์และการโฟกัสแอปพลิเคชันเชิงมุมสามารถตอบสนองต่อเหตุการณ์เชิงมุม
•ระบบเหตุการณ์เชิงมุมไม่ได้เชื่อมต่อกับระบบเหตุการณ์ของเบราว์เซอร์ เราสามารถฟังเหตุการณ์เชิงมุมแทนเหตุการณ์ DOM ในขอบเขต
การแพร่กระจายเหตุการณ์
เนื่องจากขอบเขตเป็นลำดับชั้นเราจึงสามารถส่งเหตุการณ์ในห่วงโซ่ขอบเขต:
•ใช้เหตุการณ์ Bubble $ EMIT, Event Bubbles จาก Subscope ปัจจุบันไปยังขอบเขตการกำหนดและขอบเขตทั้งหมดเหนือขอบเขตที่สร้างเหตุการณ์จะได้รับแจ้งจากเหตุการณ์นี้
วิธีการ $ emit () ใช้สองพารามิเตอร์:
ชื่อชื่อของเหตุการณ์ที่จะปล่อยออกมา
args ชุดของพารามิเตอร์ที่ส่งผ่านเป็นวัตถุไปยังผู้ฟังเหตุการณ์
•ใช้ $ broadcast เพื่อส่งเหตุการณ์ลงและแต่ละส่วนย่อยที่ลงทะเบียนผู้ฟังจะได้รับข้อความนี้
วิธีการ $ broadcast () ใช้สองพารามิเตอร์:
ชื่อชื่อของเหตุการณ์ที่จะออกอากาศ
args ชุดของพารามิเตอร์ที่ส่งผ่านเป็นวัตถุไปยังผู้ฟังเหตุการณ์
•ใช้ $ ON เพื่อฟังกิจกรรม
วิธี $ on () ใช้สองพารามิเตอร์:
วัตถุเหตุการณ์เหตุการณ์
ชุดพารามิเตอร์พารามิเตอร์ตัวอย่างพารามิเตอร์ตัวอย่างผ่าน $ broadcast () และ $ emit ():
demo.html <! doctype html> <html ng-app = "freefedapp"> <head> <title> การสาธิตแอปพลิเคชันเชิงมุม </title> <script src = "Angular.js"> </scriont> เปลี่ยน = "เปลี่ยน (ชื่อ)"> </div> </div> </body> </html>
app.js /*ประกาศโมดูล* / var โมดูล = angular.module ('freefedapp', []); /*ประกาศคอนโทรลเลอร์*/module.controller ('freefedctrl', ['$ scope', ฟังก์ชั่น ($ scope) {// speak directiveClick events $ scope. $ on ('directiveClick', ฟังก์ชั่น (เหตุการณ์, param) {console.log (param); // result = 'โปรดให้ความสนใจกับการออกอากาศผู้ปกครอง'; /*ประกาศ Directive*/module.directive ('EventDirective', function () {return {scope: {Change: '&'}, แทนที่: จริง, เทมเพลต: '<a> คลิกเหตุการณ์เดือดขึ้นไปข้างบน ขอบเขต. $ emit ('DirectiveClick', {ชื่อเรื่อง: 'ฉันมาจากขอบเขตการสอนของเด็ก'});คุณสมบัติวัตถุเหตุการณ์
คุณสมบัติวัตถุเหตุการณ์เหตุการณ์ใน $ on มีดังนี้:
• TargetScope (วัตถุขอบเขต)
ขอบเขตของการส่งหรือการออกอากาศ
• CurrentScope (Object Object)
ขอบเขตของเหตุการณ์การประมวลผลปัจจุบัน
•ชื่อ (สตริง)
ชื่อของเหตุการณ์ที่กำลังดำเนินการ
• stoppropagation (ฟังก์ชั่น)
ฟังก์ชั่น stoppropagation () ยกเลิกการแพร่กระจายเพิ่มเติมของเหตุการณ์ที่เกิดจาก $ emit
• PreventDefault (ฟังก์ชั่น) PreventDefault () ตั้งค่าสถานะเริ่มต้นที่เริ่มต้นเป็น TRUE แม้ว่าการแพร่กระจายของเหตุการณ์จะไม่สามารถหยุดได้ แต่ส่วนย่อยสามารถรู้ได้ว่าเหตุการณ์นี้ไม่จำเป็นผ่านการตั้งค่าสถานะเริ่มต้น
• defaultprevented (ค่าบูลีน)
คุณสามารถตัดสินได้ว่าเหตุการณ์ที่เผยแพร่โดยผู้ปกครองสามารถถูกเพิกเฉยได้โดยการตัดสินทรัพย์สินเริ่มต้นหรือไม่
การอภิปรายสั้น ๆ เกี่ยวกับเหตุการณ์ใน AngularJS เป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น