يعد عرض قائمة العناصر مهمة مشتركة لمعظم تطبيقات الويب. عادة ، ستكون بياناتنا كبيرة نسبيًا ولا يمكن عرضها جيدًا في صفحة واحدة. في هذه الحالة ، نحتاج إلى عرض البيانات في نموذج الصفحة ، مع وظيفة الانتقال إلى الصفحة السابقة والصفحة التالية. الآن أنا أتعلم الزاوية ، باستخدام ترقيم angularjs ، استنادًا إلى تنفيذ التوجيه ، واستخدام bootstrap في النمط ، وإضافة علامات مباشرة إلى رمز HTML للاتصال به.
دعونا نلقي نظرة على العروض أولاً
رمز مثال
app.directive ('pagepaginination' ، function () {return {rody: 'e' ، template: '<viv> <ul> <li ng-class = "page.style" ng-repeat = "page in pagelist"> <a href = "{{{page. ng-if = "pagelist [0]"> <li> <span> المجموع <b> {{pagerecord}} </b> سجلات/إجمالي <b> {{pagecount}}} </b> pages </span> </li> </ul> </ul> "pagesize": "" ، "$ scope.getlink =" Parseint (($ scope.pageid - 1) / $ scope._pagesize) * $ scope._pagesize + 1 ؛ : "" ، الرابط: $ scope.getLink (1)}) ؛ }) ؛ $ scope.getLink ($ scope.pageCount)}) ؛ !! $ scope. $ scope.pageid <1) {$ scope.pageid = 1 ؛ $ scope.pageinit () ؛رمز الاتصال:
<page-pagination-id = "pageid" page-record = "recordCount" page-url-template = "urltemplate"> </page-pagination>
ما سبق هو المحتوى الكامل لرمز تراجع angular.js. آمل أن يكون ذلك مفيدًا لتعلم الجميع ، وآمل أن يدعم الجميع wulin.com أكثر.