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 ทริกเกอร์การเปลี่ยนแปลงด้วยการดำเนินการ

คอมโพเนนต์สามารถทริกเกอร์การเปลี่ยนแปลงและสื่อสารกับเหตุการณ์โดยใช้การดำเนินการ