في النهاية ، يحتوي هذا الإطار البسيط فقط على جزء التحكم في JS. يحتوي الإطار الزاوي على الجزء المنطقي الخاص به ووحدة التحكم الخاصة به وطبقة الخدمة. نظرًا لأننا قد نستخدم بعض الموارد المدمجة وملفات تعريف الارتباط من Angular ، فإننا نحتاج إلى إضافة بعض libs الزاوي:
------------------------------------------------------------------------------------------------------------------------------------
<script src = "lib/Angular/Angular-Strap.js"> </script> <script src = "lib/Angular/Angular-Resource.js"> </script> <script src = "lib/Angular/Angular-cook.js
إلقاء نظرة أولى على خدماتنا
"استخدام صارم" ؛ / * الخدمات */ // توضح كيفية تسجيل الخدمات // في هذه الحالة هي خدمة قيمة بسيطة. var services = Angular.module ('jthink.services' ، ['ngresource']). القيمة ("الإصدار" ، "1.0") ؛ Services.Factory ('loginservice' ، ['$ resource' ، function ($ resource) {return $ resource ('fakedata/userlogin.json' ، {} ، {login: {method: 'get' ، params: {} ، isarray: false}}) ؛}]) ؛هنا نستخدم وضع المصنع ، وفي الواقع ، نقدم أخيرًا طريقة تسجيل الدخول للاتصال بطبقة وحدة التحكم. دعونا نلقي نظرة على هذه وحدات التحكم
"استخدام صارم" ؛ / * Controllers */ var controllers = Angular.Module ('jthink.controllers' ، []) ؛ controllers.controller ('loginctrl' ، ['$ scope' ، 'loginservice' ، function ($ scope ، loginservice) {$ scope.login = {} ؛ $ scope.login.submit = function () Layer LoginService.login ({} ، {email: $ scope.login.email ، كلمة المرور: $ scope.login.password}يجب علينا هنا القيام ببعض المنطق البسيط ، والشيء الأكثر أهمية هو استدعاء طريقة تسجيل الدخول التي توفرها طبقة الخدمة.
يمكن كتابة بعض الوحدات الأخرى في هذا النمط. بسبب قيود الوقت ، لن تتم كتابة العديد من التفاصيل في هذا الإطار البسيط. إذا كنت تريد أن تعرف عن تلك المحددة ، فيرجى اسألني عن هذا الإطار على انفراد. لقد كتبت لهم بشكل كامل. . . . .
ما سبق هو رمز بناء جزء JS في الواجهة الأمامية من bootstrap AngularJS. سنستمر في إضافة المعلومات ذات الصلة في المستقبل. شكرا لك على دعمك لهذا الموقع!
المقالات ذات الصلة:
تم تجهيز Bootstrap AngularJS بالإطار الأمامي - جزء التحكم JS
تم تجهيز Bootstrap AngularJS بإطار عمل أمامي - الصفحة الأساسية
Bootstrap AngularJS مزود بإطار عمل أمامي - عمل إعداد
AngularJS Bootstrap شرح مفصل وعينة رمز