في يونيو ، أصدرت Google إصدار AngularJS 1.0 مستقر ،
وأعلن أن: AngularJS يتيح لك تمديد بناء جملة HTML لتمثيل المكونات بوضوح ودقة في التطبيق الخاص بك ، ويسمح HTML القياسي كلغة القالب الخاصة بك. يمكن لـ AngularJS مزامنة البيانات تلقائيًا من واجهة المستخدم (عرض) باستخدام كائنات JavaScript (النماذج) من خلال ربط البيانات ثنائية الاتجاه.
بدأت في الاتصال بـ AngularJS عندما جئت إلى فريق المشروع الجديد في أبريل. في هذا الوقت ، كان AngularJS لا يزال في الإصدار غير المستقر 0.8 وقد بدأ استخدامه في المشروع. يتم تطبيق هذا الإطار على نهاية واجهة المستخدم بالكامل للمشروع ، كما أن نهاية الخادم هي أيضًا واجهة برمجة تطبيقات على شبكة الإنترنت غير مستقرة. أنا معجب حقًا بشجاعة الفريق وحماسه للتقنيات الجديدة. لحسن الحظ ، يمكن للجميع السيطرة عليه بشكل جيد. هذه هي المرة الأولى التي جربت فيها مشروعًا مليئًا بالتقنيات غير المستقرة.
بالعودة إلى الموضوع ، دعونا نلقي نظرة على مثال رسمي:
<! doctype html> <html ng-app> <head> <script src = "http://code.angularjs.org/angular-...min.js"> </script> </head> 'World'}}! </body> </html>
العرض التوضيحي:
اسمك:
------------------------------------------------------------------------------------------------------------------------------------
مرحبا بالعالم!
ملاحظة: سيؤدي إدخال أي حرف في مربع الإدخال إلى ربط التحديث بالصفحة على الفور.
1. هنا ، التوجيه NG-Model (التوجيه) هو سمة نطاق النموذج الخاص بك.
2. واستخدم التعبيرات لربط yourname بالمعلومات النصية.
3. هناك حاجة فقط إلى أي وقت استماع DOM هنا ، لأن AngularJS مدمجة.
ينقسم برنامج AngularJS إلى 3 أجزاء: قالب ومنطق طبقة العرض والبيانات (نموذج).
القالب: نستخدم HTML و CSS لكتابة رمز عرض واجهة المستخدم ، والذي يحتوي على تعليمات وتعبيرات عن AngularJs ، وسيتم تجميعها في النهاية بواسطة آلية تجميع AngularJS لتوصيلها بشجرة DOM. يمكن تمديد توجيهات AngularJs بحرية من قبلنا.
منطق طبقة العرض التقديمي: بما في ذلك منطق التطبيق والسلوك. استخدم تعريف JavaScript كمنطق وحدة تحكم العرض. نظرًا لأن إطار عمل MVC في AngularJS ، لا نحتاج إلى إضافة الحدث للاستماع إلى مستوى DOM في وحدة التحكم ، والتي تم تصميمها بالفعل في AngularJs. بعد حدوث حدث DOM لعقدة واجهة المستخدم ، ستذهب AngularJS تلقائيًا إلى منطق سلوك معين (عمل) في النطاق.
البيانات: يجب الرجوع إلى ViewObject بواسطة نطاق AngularJS (ظهر كخدمة في 1.0) ، والتي يمكن أن تجعل أي نوع من كائن JavaScript ، صفيف ، نوع بدائي ، كائن. بالإضافة إلى ذلك ، ستقوم AngularJS تلقائيًا بتحديث النموذج بشكل غير متزامن ، أي أنه ستعمل تلقائيًا على تحديث النموذج (الوضع) عند تغيير واجهة المستخدم ، وعلى العكس ، سيتم تحديث واجهة المستخدم تلقائيًا عند تغيير النموذج. هنا لا نحتاج إلى تحديد بعض أساليب الأعمدة مثل getters والمستقبين.
فيما يلي وجهة نظر من الرسوم الرسمية:
في الوقت نفسه ، توفر لنا AngularJS بعض الخدمات المفيدة للأعمدة ، وتسمح لنا بإضافة خدمات لأعمالنا الخاصة ، وتوفير Ajax و Cache وتوجيه URL وخدمات المتصفح التجريدية ، ويمكننا استخدام أي مجموعة من هذه الخدمات لآلية حقن AngularJS. في الوقت نفسه ، يعد AngularJS أيضًا إطار عمل JavaScript يمكن اختباره للغاية. يمكنك أن ترى أنه في الأمثلة الرسمية ، لديهم جميعًا برامج اختبار عليها وإعطاء إطار تطوير BDD (الذي يحركه السلوك).
ما سبق هو إطار angularjs JavaScript MVC الذي قدمه لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!