EmberJS - ส่วนประกอบ
คอมโพเนนต์ Ember.js ใช้ข้อมูลจำเพาะของเว็บคอมโพเนนต์ W3C และจัดเตรียมวิดเจ็ต UI การห่อหุ้มที่แท้จริง มันมีสามสเปคหลักเป็นแม่ , เงา DOMและองค์ประกอบที่กำหนดเอง คอมโพเนนต์ถูกประกาศภายใน data-template-name ซึ่งมีชื่อพา ธ แทนที่จะเป็นสตริงธรรมดาและขึ้นต้นด้วย "components /"
ตารางต่อไปนี้แสดงรายการเหตุการณ์การกระทำของการกระทำ -
| ส. | กิจกรรมการดำเนินการและคำอธิบาย |
|---|---|
| 1 | การกำหนดส่วนประกอบ คุณสามารถกำหนดองค์ประกอบใน Ember.js ได้อย่างง่ายดายและแต่ละองค์ประกอบต้องมีเครื่องหมายขีดกลางในชื่อ |
| 2 | วงจรชีวิตของส่วนประกอบ วงจรชีวิตของคอมโพเนนต์ใช้วิธีการบางอย่างเพื่อรันโค้ดในช่วงเวลาที่กำหนดในอายุการใช้งานของส่วนประกอบ |
| 3 | การส่งผ่านคุณสมบัติไปยังส่วนประกอบ คอมโพเนนต์ไม่ได้เข้าถึงคุณสมบัติโดยตรงในขอบเขตเทมเพลต ดังนั้นเพียงแค่ประกาศคุณสมบัติในช่วงเวลาที่ส่วนประกอบชะลอตัว |
| 4 | การห่อเนื้อหาในคอมโพเนนต์ คุณสามารถรวมเนื้อหาไว้ในคอมโพเนนต์โดยใช้เทมเพลต |
| 5 | การปรับแต่งองค์ประกอบของส่วนประกอบ คุณสามารถปรับแต่งองค์ประกอบขององค์ประกอบเช่นแอตทริบิวต์ชื่อคลาสโดยใช้คลาสย่อยของEmber.Componentใน JavaScript |
| 6 | การใช้ Block Params คุณสมบัติที่ส่งผ่านในส่วนประกอบสามารถให้ผลลัพธ์กลับมาในนิพจน์บล็อก |
| 7 | การจัดการเหตุการณ์ เหตุการณ์ของผู้ใช้เช่นการดับเบิลคลิกการวางเมาส์การกดแป้น ฯลฯ สามารถจัดการได้โดยตัวจัดการเหตุการณ์ ในการดำเนินการนี้ให้ใช้ชื่อเหตุการณ์เป็นวิธีการบนคอมโพเนนต์ |
| 8 | ทริกเกอร์การเปลี่ยนแปลงด้วยการดำเนินการ คอมโพเนนต์สามารถทริกเกอร์การเปลี่ยนแปลงและสื่อสารกับเหตุการณ์โดยใช้การดำเนินการ |