บทช่วยสอน โมดูล AngularJS ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ สร้างโมดูล,เพิ่มตัวควบคุม,AngularJS ตัวอย่าง,เพิ่มคำแนะนำ,AngularJS ตัวอย่าง,โมดูลและควบคุมรวมอยู่ในไฟล์ JS,AngularJS ตัวอย่าง,myApp.js,myCtrl.js,ฟังก์ชั่นจะมีผลต่อ namespace โลก,เมื่อโหลดห้องสมุด?,AngularJS ตัวอย่าง,
โมดูลกำหนดโปรแกรมประยุกต์
โมดูลเป็นภาชนะในส่วนต่าง ๆ ของแอพลิเคชัน
โมดูลควบคุมเป็นโปรแกรมภาชนะ
ควบคุมมักจะเป็นโมดูล
คุณสามารถสร้างโมดูลโดย AngularJS ของฟังก์ชั่นangular.module A:
"แอปของฉัน" พารามิเตอร์สอดคล้องกับการดำเนินการขององค์ประกอบการประยุกต์ใช้ HTML ได้
ตอนนี้คุณสามารถเพิ่มคำแนะนำฟิลเตอร์ ฯลฯ ควบคุมในการใช้งาน AngularJS
คุณสามารถใช้คำแนะนำNG-ควบคุมเพื่อเพิ่มการใช้งานควบคุม:
คุณสามารถ AngularJS ควบคุมการ เรียนรู้ความรู้เพิ่มเติมเกี่ยวกับส่วนควบคุม
AngularJS ให้ในตัวคำสั่งจำนวนมากคุณสามารถใช้เพื่อเพิ่มฟังก์ชันการใช้งานของคุณ
คำแนะนำที่สมบูรณ์สามารถพบได้ในเนื้อหาของ คู่มืออ้างอิง AngularJS
นอกจากนี้คุณสามารถใช้โมดูลที่จะเพิ่มการใช้งานการเรียนการสอนของคุณเอง:
คุณสามารถ AngularJS สั่ง เรียนรู้เพิ่มเติมเกี่ยวกับความรู้การเรียนการสอนส่วน
โดยปกติ AngularJS โมดูลโปรแกรมและการควบคุมจะถูกรวมอยู่ในแฟ้ม JavaScript
ในตัวอย่างต่อไป "myApp.js" ที่มีความหมายของโมดูลการประยุกต์ใช้โปรแกรม "myCtrl.js" แฟ้มมีการควบคุม:
ในความหมายโมดูลพารามิเตอร์ [] จะใช้เพื่อกำหนดอ้างอิงโมดูล วงเล็บ [] แสดงให้เห็นว่าโมดูลไม่พึ่งพาหากมีการพึ่งพาจากนั้นจะขึ้นอยู่กับชื่อโมดูลที่เขียนในวงเล็บ |
JavaScript ควรหลีกเลี่ยงการใช้ฟังก์ชั่นระดับโลก เพราะพวกเขาสามารถจะปกคลุมไปด้วยไฟล์สคริปต์อื่น
AngularJS ขอบเขตโมดูลเพื่อให้การทำงานทั้งหมดในโมดูลเพื่อหลีกเลี่ยงปัญหาที่เกิดขึ้น
ในตัวอย่างของเราทุกไลบรารีเอกสาร AngularJS HTML จะถูกโหลดในหัว |
สำหรับการใช้งาน HTML แนะนำโดยทั่วไปสคริปต์ทั้งหมดจะอยู่ในด้านล่างของ <body> องค์ประกอบ
ซึ่งจะช่วยเพิ่มความเร็วในการโหลดหน้าเว็บเพราะ HTML ไม่อยู่ภายใต้การโหลดสคริปต์ในการโหลด
ในตัวอย่างหลาย AngularJS ของเราคุณจะเห็นห้องสมุด AngularJS มีการโหลดใน <head> ของเอกสาร
ในตัวอย่างของเรา AngularJS ใน <head> องค์ประกอบที่มีการโหลดเพราะการเรียกร้องให้ angular.module เพียง แต่จะดำเนินการหลังจากเสร็จสิ้นการโหลดห้องสมุด
ทางออกก็คือการโหลด AngularJS ห้องสมุด <body> องค์ประกอบ แต่จะต้องอยู่ในด้านหน้าของสคริปต์ AngularJS ของคุณ: