مقدمة
قبل تعلم أي لغة ، يجب أن تكون هناك حاجة إلى قيادتك لتعلمها. بالطبع ، NG ليس استثناء. قبل تعلم NG ، كان العرض الأول الذي أردت فعله هو تنفيذ الترحيل على أساس NG. بالإضافة إلى فكرة الحوسبة الأساسية ، فإن استخدام التعليمات لتغليفها في مكون إضافي والرجوع إليه مباشرة في صفحة القائمة التي تحتاج إلى ترحيل.
البرنامج المساعد
عندما أقوم بتغليف المكون الإضافي للتربة ، قمت بتطبيق عدة طرق بشكل عام ، وأخيراً وجدت مكونًا إضافيًا مغلفًا بواسطة صديق (http://www.miaoyueyue.com/archives/813.html). شعرت أنه كان جيدًا ، لذلك قرأت رمز المصدر الخاص به واستخدمته مباشرة في المشروع.
المبادئ والتعليمات للاستخدام
1. يتم تنفيذ رمز مصدر المكون الإضافي بشكل أساسي على أساس التوجيه الزاوي.
2. النقطة الرئيسية عند الاتصال هي وظيفة معالجة طلب الخلفية ، أي الحصول على بيانات من الخلفية.
3. يحتوي المكون الإضافي على معلمتان رئيسيتان: CurrentPage و apiterperpage ورقم الصفحة الحالي ورقم السجل لكل صفحة.
4. بعد تنفيذ استدعاء الطريقة ، نحتاج إلى إعادة تقديم الخلفية للحصول على بيانات رقم الصفحة المقابلة بناءً على كل نقرة على رقم صفحة المكون الإضافي للتربة. في رقم صفحة المكالمة ، استخدمت $ watch لمراقبة. عندما استخدمتها لأول مرة ، وضعت وظيفة الاتصال في onchange في المكون الإضافي ، لكنني وجدت أن الخلفية ستتم تشغيلها مرتين في كل مرة. هذا المكان يحتاج إلى الاهتمام.
5. أقوم بتغليف خلفية الطلب في طبقة خدمة ثم أسميها في وحدة التحكم ، والتي تتماشى أيضًا مع فكرة MVC.
رسم تخطيطي للتكاثر
رمز الاتصال
<div ng-app = "demoapp" ng-controller = "democontroller"> <table> <thead> <tr> <td> id </td> <td> firstName </td> <td> lastName </tbia> الأشخاص "> <td> {{emp.id}} </td> <td> {{emp.firstname}} </td> <td> {{emp.lastname}} </td > <td> {{emp.status}} </td> <td> {{emp.address}} </td> </tbody> </table> <tm-pagination conf = "paginationConf"> </tm-pagination> </viv> <script type = "text/javaScript"> var app = Angular.module ('demoapp' ، ['tm.pagination']) ؛ {var postdata = {pageIndex: $ scope.paginationConf.CurrentPage ، pagesize: $ scope.paginationConf.itemsperPage} businessService.list (postdata) .Success (function (response) {$ scope.paginationconf.totalitems = reprow استجابة. مراقبة استعلام الخلفية إذا تتم مراقبة pagepage current و heatserpage بشكل منفصل ، سيتم تشغيل حدثين خلفيين. app.factory ('businessService' ، ['$ http' ، function ($ http) {var list = function (postdata) {return $ http.post ('/efferene/getAlemployee' ، postdata) ؛} return {list: function (postdata) {return list (postdata) ؛المحتوى أعلاه هو رمز المثال الذي يقدمه لك المحرر لتنفيذ وظيفة الترحيل استنادًا إلى AngularJS. آمل أن يكون ذلك مفيدًا للجميع!