PGD Directives

Page Designer มีคุณสมบัติในการเพิ่มคำสั่งแบบกำหนดเองให้กับองค์ประกอบใดๆ บนหน้าจอ คำสั่งเหล่านี้เป็นคุณสมบัติแบบกำหนดเองที่เพิ่มเข้าไปในองค์ประกอบ ส่วนนี้แสดงวิธีเพิ่มคำสั่ง PGD ให้กับองค์ประกอบบน Page Designer

วิธีเพิ่ม

เปิดหน้าของคุณใน Page Designer คลิกองค์ประกอบ (element)ที่คุณต้องการเพิ่มคำสั่ง

คลิกที่แท็บการตั้งค่าและข้อมูล บนตัวแก้ไขคุณสมบัติ คลิกปุ่ม +Add Directive คลิกที่ไอคอน Add (+)

ป้อน attribute ที่คุณต้องการเพิ่ม แล้วเลือกค่า ผู้ใช้สามารถตั้งค่าคงที่ให้กับคุณสมบัติหรือตั้งค่าจากสถานะ หากตั้งค่าจากสถานะ ให้ใช้ไวยากรณ์ (syntax) {{State.parameterName}} คลิก Done เมื่อเสร็จสิ้น

ตอนนี้บันทึกและสร้างเพจ จากการตรวจสอบ คุณจะเห็นว่ามีการเพิ่ม attribute ลงในแท็ก HTML

Uses of PGD directives PGD Directives สามารถใช้เพื่อเพิ่มการตั้งค่าที่กำหนดเองให้กับองค์ประกอบ เช่น การซ่อนองค์ประกอบตามค่า ผู้ใช้สามารถใช้คำสั่ง ng-hide

ผู้ใช้สามารถใช้ ng-value เพื่อเพิ่มมูลค่าให้กับองค์ประกอบตามเงื่อนไข

ผู้ใช้ยังสามารถเพิ่มมูลค่าจาก State หรือ Store

ผู้ใช้สามารถใช้ ng-class เพื่อตั้งค่าคลาสจากค่าใน State หรือ Store