في عملية تعلم AngularJS ، شعرت أنها طريقة مفضلة للحصول على معلومات من قاعدة بيانات الخادم في وقت واحد وتوصيلها على الواجهة الأمامية. لأنه يحفظ حمولة الاتصال في الأمام والخلفية النهايات ، ويسلم المزيد من مهام العرض إلى الواجهة الأمامية.
ينقسم هذا المحتوى إلى جزأين. سيقدم الجزء الأول باختصار موقع $ $ في AngularJS ووظائفه ؛ سوف يدرك الجزء الثاني تأثير عرض ترقيم ترقيم الأسعار من خلال مثال شامل كامل نسبيًا.
عند العمل على Mutilpe View & Route of AngularJS ، أشعر أنه يجب أن يكون لدي فهم أعمق لخدمات AngularJS المدمجة والموقع ، لأن تشغيل عنوان URL المدمج الذي يخدم المتصفح يرتبط ارتباطًا وثيقًا. أشعر أنه إذا تمت معالجة هذه الخدمة ، فسيكون ذلك مفيدًا للغاية لدوران الصفحة في المستقبل.
فيما يلي بعض تجاربي الصغيرة وبعض التجارب ، التي يتم كتابتها باللغة العامية وقد لا تكون محترفة للغاية ، لكنني آمل أن يكون من المفيد للجميع فهم بعض مفاهيم AngularJS.
يتم استخدام هذا والموقع كخدمة ، كمعلمة لوظيفة إرجاع وحدة التحكم في حقن التبعية. فيما يلي مثال لشرح استخدام هذه الخدمة.
القسم 1: الحصول على معلومات عناوين URL
يوفر الموقع بعض أساليب Getter و Setter ، مثل Aburl ، Path ، Protocol ، Host ، Port. التفسير المحدد هو أن هذه هي أسماء الوظائف لوظائف عنوان الارتباط التي توفرها وموقع. إذا لم تمر هذه الوظائف في أي معلمات عند استخدامها ، فهذا يعني الحصول على معلومات عنوان URL الحالي ؛ إذا تم تمرير بعض المعلمات ، فهذا يعني تعيين معلومات عنوان URL في المتصفح الحالي.
مثال 1
<! doctype html> <html ng-app = "locationapp"> <head lang = "en"> <meta charset = "utf-8"> <title> </title> </head> <body ng-controller = "locationController"> <p> aberl ----------- {{aberl}} </p> path --------------- {{path}} </p> pro TOCOL ----------- {{protocol}} </p> <p> مضيف ------------------ {{host}} </p> port ------------------ {port}} </p> <script src = "Angular.js"> </script> <script> var locationapp = Angular.Module ('locationapp' ، []) ؛ locationapp.controller ('locationController' ، ['$ scope' ، '$ location' ، function ($ scope ، $ location) {$ scope.absurl = $ location.absurl () ؛ $ scope.path = $ location.path () ؛ $ scope.protocol = $ location.protocol () ؛ $ scope.host = $ location.host () }]) ؛ </script> </body> </html>من لقطة الشاشة ، يمكن أن نرى بوضوح أن طريقة getter التي توفرها خدمة موقع $ يمكنها بسهولة الحصول على معلومات عنوان URL الحالي لمتصفح L.
قد يكون الطلاب الحذرين قد رأوا هذا المسار ، لماذا لا توجد قيمة؟
هذا لأنه لا توجد معلومات مسار في عنوان الارتباط. إذا قمنا بتعيين معلومات المسار يدويًا من خلال طريقة PATH () ثم قم بتحديث المتصفح (عنوان عنوان URL للمتصفح هو المعلومات التي قمت بتعديلها عند التحديث ولن تتغير) ، سنرى معلومات المسار. هناك صور وحقيقة!
مثال 2
$ location.path ('التفاصيل') ؛
$ scope.path = $ location.path () ؛
من التعديل الصغير أعلاه ، قمت بتعديل الكود وقمت أولاً بتعديل قيمة سمة المسار الخاصة به في الخدمة المدمجة لموقع $ (جوهرها هو كائن ، والذي يحتوي على العديد من السمات حول معلومات URL).
ثم احصل على القيمة الجديدة من خلال طريقة getter.
أيضًا ، نظرًا لأن معلومات عنوان URL التي تخدم شريط عناوين المتصفح هي ربط ثنائي الاتجاه (هذا هو الجزء الأكثر روعة من AngularJS) ، بغض النظر عن سمات كائن الموقع أو شريط عناوين المتصفح ، طالما أن معلومات عن عنوان URL لطرف واحد ، سيتغير الطرف الآخر أيضًا. لذلك رأيت أن هناك أيضًا معلومات مسار مثل التفاصيل في شريط عناوين المتصفح في لقطة الشاشة. تم تعيين هذه المعلومات من خلال الكود من قبل.
حول تطبيق angularjs لتنفيذ وظيفة عرض الصفحات لك في المقال التالي ، آمل ألا تفوتك.