ในเดือนมิถุนายน Google เปิดตัว AngularJS 1.0 เสถียร
และประกาศว่า: AngularJS ช่วยให้คุณสามารถขยายไวยากรณ์ HTML ให้ชัดเจนและเป็นตัวแทนของส่วนประกอบในแอปพลิเคชันของคุณอย่างชัดเจนและให้มาตรฐาน HTML เป็นภาษาเทมเพลตของคุณ AngularJS สามารถซิงโครไนซ์ข้อมูลจาก UI (ดู) โดยอัตโนมัติด้วยวัตถุ JavaScript (รุ่น) ผ่านการเชื่อมโยงข้อมูลแบบสองทาง
ฉันเริ่มติดต่อ AngularJS เมื่อฉันมาถึงทีมโครงการใหม่ในเดือนเมษายน ในเวลานี้ AngularJS ยังคงอยู่ในรุ่น 0.8 ที่ไม่เสถียรและเริ่มใช้ในโครงการ เฟรมเวิร์กนี้ถูกนำไปใช้กับจุดสิ้นสุด UI ทั้งหมดของโครงการและปลายเซิร์ฟเวอร์ยังเป็นเว็บ API ที่ไม่เสถียร ฉันชื่นชมความกล้าหาญและความกระตือรือร้นของทีมสำหรับเทคโนโลยีใหม่ ๆ โชคดีที่ทุกคนสามารถควบคุมได้ดี นี่เป็นครั้งแรกที่ฉันลองใช้โครงการที่เต็มไปด้วยเทคโนโลยีที่ไม่แน่นอน
กลับไปที่หัวข้อลองมาดูตัวอย่างอย่างเป็นทางการ:
<! doctype html> <html ng-app> <head> <script src = "http://code.angularjs.org/angular-...min.js"> </script> </head> <body> ชื่อของคุณ: 'World'}}! </body> </html>
การสาธิต:
ชื่อของคุณ:
-
สวัสดีโลก!
หมายเหตุ: การป้อนอักขระใด ๆ ในกล่องอินพุตจะเชื่อมโยงกับการอัปเดตไปยังหน้าทันที
1. ที่นี่การเชื่อมโยง NG-Model (Directive) การเชื่อมโยงคือแอตทริบิวต์ขอบเขตของโมเดล YourName
2. และใช้นิพจน์เพื่อผูกชื่อของคุณกับข้อมูลข้อความ
3. จำเป็นต้องมีการฟังเวลา DOM เท่านั้นที่นี่เพราะ AngularJS อยู่ในตัว
โปรแกรม AngularJS แบ่งออกเป็น 3 ส่วน: เทมเพลต, ลอจิกเลเยอร์การนำเสนอและข้อมูล (โมเดล)
แม่แบบ: เราใช้ HTML และ CSS เพื่อเขียนรหัสมุมมอง UI ซึ่งมีคำแนะนำและการแสดงออกของ AngularJs และในที่สุดจะถูกรวบรวมโดยกลไกการรวบรวม AngularJS เพื่อแนบกับต้นไม้ DOM คำสั่งของ AngularJs สามารถขยายได้อย่างอิสระโดยเรา
ลอจิกเลเยอร์การนำเสนอ: รวมถึงตรรกะและพฤติกรรมของแอปพลิเคชัน ใช้นิยาม JavaScript เป็น Logic View Controller ในฐานะที่เป็นกรอบ MVC ใน AngularJs เราไม่จำเป็นต้องเพิ่มการฟังเหตุการณ์สำหรับระดับ DOM ในคอนโทรลเลอร์ซึ่งสร้างขึ้นแล้วใน AngularJS หลังจากเหตุการณ์ UI Node DOM เกิดขึ้น AngularJS จะไปที่ตรรกะพฤติกรรม (การกระทำ) โดยอัตโนมัติในขอบเขต
ข้อมูล: ViewObject จะต้องอ้างอิงโดยขอบเขต AngularJS (ปรากฏเป็นบริการใน 1.0) ซึ่งสามารถสร้างวัตถุ JavaScript ทุกประเภทอาร์เรย์ประเภทดั้งเดิมวัตถุ นอกจากนี้ AngularJS จะอัปเดตโมเดลแบบอะซิงโครนัสโดยอัตโนมัตินั่นคือมันจะรีเฟรชโมเดล (โหมด) โดยอัตโนมัติเมื่อ UI เปลี่ยนไปและในทางตรงกันข้ามมันจะรีเฟรช UI โดยอัตโนมัติเมื่อโมเดลเปลี่ยนไป ที่นี่เราไม่จำเป็นต้องกำหนดวิธีคอลัมน์บางอย่างเช่น getters และ setters
นี่คือมุมมองจากอย่างเป็นทางการ:
ในเวลาเดียวกัน AngularJS ให้บริการที่มีประโยชน์สำหรับคอลัมน์และช่วยให้เราสามารถเพิ่มบริการสำหรับธุรกิจเฉพาะของเราเองให้บริการ AJAX, แคช, การกำหนดเส้นทาง URL, บริการนามธรรมเบราว์เซอร์และเราสามารถใช้บริการเหล่านี้เข้ากับกลไกการฉีด AngularJS ในเวลาเดียวกัน AngularJS ยังเป็นกรอบ JavaScript ที่ทดสอบได้สูง คุณจะเห็นได้ว่าในตัวอย่างอย่างเป็นทางการพวกเขาทั้งหมดมีโปรแกรมทดสอบเกี่ยวกับพวกเขาและให้กรอบการพัฒนา BDD (พฤติกรรมขับเคลื่อน)
ด้านบนเป็นกรอบ MVC JavaScript MVC ที่แนะนำโดยบรรณาธิการ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!