angularjs分页组件

这是我第一次写博客，激动，首先，我也是个菜鸟，分享一下自己写的服务器端分页的代码，自己一步一步写的，其中也有参考别人的代码。技术比较渣，先这样了。

// ====== 2019-1-3 ======//

GitHub地址: https://github.com/wzhGitH/paging

下面开代码

使用方法

<paging></paging>

 

　　

参数:

参数名      类型           备注

selPage     number          // 选中的页数（必传）

allCount     number         // 总页数（必传）

changePage 　　function         // 页数,条数发生变化反馈函数

pageSize 　　  string         // 条数（必传）

selectList   list           // 下拉框选择的列表

inputPage    boolean         // 是否开启输入跳转

pageHint    string          // 加载时的显示文字

isJsPaging   string         // 是否前端分页

allList     list           // 总数据

 

举例:

• 服务器端分页

 

<paging all-count="allCount" sel-page="pagingM" page-size="pageSize" change-page="changePage(selPage)" select-list="selectList" input-page="inputPage"></paging>

$scope.allCount = 0;                      // 总页数 初始化` 

 
  $scope.pageSize = "10";                   // 条数初始化`

 
  $scope.pagingM = 1;                        // 页数初始化`


  $scope.selectList = [10, 20, 30, 50];       // 下拉选择初始化`


  $scope.inputPage = true;                    //是否显示输入框的初始化`
// 页数，页数发生改变的反馈事件
$scope.changePage = function(selPage){

}

 

 

在function 里面执行获取下一页列表的方法, 参数对应的是 条数跟页数,要将获取到的 总条数赋值给 allCount

==注意:==

点击搜索时 记得初始化 页数 也就是这里的 $scope.pagingM = 1

 前端分页

//比服务器端分页多两个参数

​    is-js-paging         //填写你要循环数组的名字    itemList

​    all-list                  // 填写跟itemList 一样数据的另一个数组(不可以用itemList,  自己随便取一个) 

​    allCount               // 等于 itemList.length

​    其余的不变

 

 

======================================== 效果结束 =============================================

这是我的首次写博客，排版比较渣。
记录自己的成长，也认识到自己的渣，这样才有动力，才能开心的写代码。

冏囧(๑•̀ㅂ•́)و✧。

更新于 2018-12-21