Angularjs ng-include directive
อินสแตนซ์ Angularjs
มีไฟล์ HTML:
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-include = "'myfile.htm'"> </div> </body> </html>
ผลการทำงาน:
ชื่อไฟล์ myfile.htm
ข้อความนี้มาจากไฟล์ที่ให้มา myfile.htm!
คำจำกัดความและการใช้งาน
คำสั่ง NG-include ใช้เพื่อรวมไฟล์ HTML ภายนอก
เนื้อหาที่อยู่ในนั้นจะถูกใช้เป็นลูกขององค์ประกอบที่ระบุ
ค่าของคุณสมบัติ NG-include สามารถเป็นนิพจน์ที่ส่งคืนชื่อไฟล์
โดยค่าเริ่มต้นไฟล์ที่รวมอยู่จะต้องรวมอยู่ในชื่อโดเมนเดียวกัน
ไวยากรณ์
<องค์ประกอบ ng-include = "filename" onload = "expression" autoScroll = "expression"> </element>
คำสั่ง NG-include ใช้เป็นองค์ประกอบ:
<ng-include src = "filename" onload = "expression" autoScroll = "expression"> </ng-include>
องค์ประกอบ HTML ทั้งหมดสนับสนุนคำสั่งนี้
ค่าพารามิเตอร์
| ค่า | อธิบาย |
|---|---|
| ชื่อไฟล์ | ชื่อไฟล์คุณสามารถใช้นิพจน์เพื่อส่งคืนชื่อไฟล์ |
| การบรรทุก | ทางเลือกนิพจน์ที่ดำเนินการหลังจากโหลดไฟล์ |
| อัตโนมัติ | ไม่ว่าจะเป็นส่วนที่รวมอยู่ในมุมมองที่ระบุหรือไม่ |
ข้างต้นเป็นบทสรุปของความรู้เกี่ยวกับคำสั่ง Angularjs ng-conclude และจะได้รับการเสริมในภายหลัง