ภาพรวม
ส่วนนี้อธิบายกระบวนการเริ่มต้นของ AngularJS และวิธีที่คุณควรแก้ไขการเริ่มต้น AngularJS เมื่อจำเป็น
แท็ก <script> ของ Angularjs
ตัวอย่างนี้แสดงวิธีการแนะนำของเราในการรวม AngularJs ซึ่งเรียกว่า "การเริ่มต้นอัตโนมัติ"
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html xmlns: ng = "http://angularjs.org" ng-app>
<body>
-
<script src = "angular.js"> <script>
</body>
</html>
FormatDate
1. วางแท็กสคริปต์ในรหัสด้านบนที่ด้านล่างของหน้า การวางแท็กสคริปต์ที่ด้านล่างจะทำให้เวลาการโหลดแอปพลิเคชันสั้นลงเนื่องจากการโหลด HTML จะไม่ถูกบล็อกโดยการโหลดสคริปต์ angular.js คุณสามารถรับเวอร์ชันล่าสุดได้จาก http://code.angularjs.org โปรดอย่าอ้างถึง URL นี้ในรหัสของคุณเนื่องจากจะเปิดเผยความเสี่ยงด้านความปลอดภัยของเว็บไซต์ของคุณ หากเป็นเพียงการพัฒนาเชิงทดลองไม่มีปัญหาในการเชื่อมโยงไปยังเว็บไซต์ของเรา
1) .angular- [เวอร์ชัน] .js เป็นรุ่นที่อ่านได้เหมาะสำหรับการพัฒนาและการดีบัก
2) .angular- [เวอร์ชัน] .min.js เป็นรุ่นบีบอัดและงงงวยเหมาะสำหรับการปรับใช้ในผลิตภัณฑ์หล่อ
2. โปรดใส่คำสั่ง NG-APP ลงในโหนดรูทของแท็กแอปพลิเคชันของคุณ หากคุณต้องการให้ AngularJS ดำเนินการโปรแกรมทั้งหมด <html> ทั้งหมดให้ใส่ไว้ในแท็ก <html>
การคัดลอกรหัสมีดังนี้:
<html ng-app>
3. หากคุณต้องการใช้ไวยากรณ์คำสั่งรุ่นเก่า: ng:, คุณต้องเขียน XML-namespace ใน <Html> เพื่อให้ AngularJS ทำงานได้ตามปกติภายใต้ IE (ทำด้วยเหตุผลทางประวัติศาสตร์บางอย่างและเราไม่แนะนำให้ใช้ NG: ไวยากรณ์ต่อไป)
การคัดลอกรหัสมีดังนี้:
<html xmlns: ng = "http://angularjs.org">
การเริ่มต้นอัตโนมัติ
AngularJS จะถูกดำเนินการเมื่อเหตุการณ์ DomcontentLoaded ถูกเรียกใช้และจะใช้คำสั่ง NG-APP เพื่อค้นหาขอบเขตรูทแอปพลิเคชันของคุณ หากพบคำสั่ง NG-APP นั้น AngularJS จะ:
1. โหลดโมดูลที่เกี่ยวข้องกับเนื้อหาคำสั่ง
2. สร้าง "หัวฉีด" ของแอปพลิเคชัน
3. แท็กคำสั่ง NG-APP คือโหนดรูทเพื่อรวบรวม DOM สิ่งนี้ช่วยให้คุณระบุเฉพาะส่วนหนึ่งของ DOM เป็นแอปพลิเคชัน AngularJS ของคุณ
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html ng-app = "potainalModulename">
<body>
ฉันสามารถเพิ่ม: {{1+2}}
<script src = "angular.js"> </script>
</body>
</html>
การเริ่มต้นด้วยตนเอง
หากคุณต้องการใช้ความคิดริเริ่มในการควบคุมกระบวนการเริ่มต้นคุณสามารถใช้วิธีการดำเนินการโปรแกรมบูตด้วยตนเอง ตัวอย่างเช่นเมื่อคุณใช้ "ตัวโหลดสคริปต์" หรือจำเป็นต้องดำเนินการบางอย่างก่อนที่ AngularJS จะรวบรวมหน้าคุณจะใช้มัน
ตัวอย่างต่อไปนี้แสดงให้เห็นถึงวิธีการเริ่มต้น AngularJs ด้วยตนเอง ผลกระทบของมันเทียบเท่ากับการใช้คำสั่ง NG-APP
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html xmlns: ng = "http://angularjs.org">
<body>
สวัสดี {{'World'}}!
<script src = "http://code.angularjs.org/angular.js"> </script>
<script>
Angular.element (เอกสาร). พร้อม (ฟังก์ชั่น () {
Angular.bootstrap (เอกสาร);
-
</script>
</body>
</html>
นี่คือคำสั่งซื้อบางส่วนที่รหัสของคุณต้องปฏิบัติตาม:
1. หลังจากหน้าและสคริปต์ทั้งหมดถูกโหลดให้ค้นหาโหนดรูทของเทมเพลต HTML - โดยปกติจะเป็นรูทโหนดของเอกสาร
2. โทร API/Angular.bootstrap เพื่อรวบรวมเทมเพลตลงในแอปพลิเคชันที่ใช้งานได้และมีผลผูกพัน