前言：以前写的一个jQuery分页显示插件，有许多bug。现在，由于业务需要，小AngularJS的学习是用来实现AngularJS分页插件。



实现效果图：

（效果图被添加到引导程序的CSS文件中）



使用：

angular-pagination.js代码：



* AngularJS分页控件
*由1·2016／11／4所创建。
* /

Angular.module（'mymodule，{ }），指令（'mypagination，函数（）{
返回{
限制：'ea，
替换：真的，
经营范围：{
选项：= pageoption
}，
模板：+
+
{ } }+
+
'，
链接：函数（$范围）{
公差
如果（$ scope.option.curr | |！IsNaN（美元范围。选项。1）| | $ scope.option.curr＜1）scope.option.curr = 1美元；
如果（$ scope.option.all | |！IsNaN（美元范围。选择。所有|美元）| scope.option.all＜1）scope.option.all = 1美元；
如果（$ scope.option.curr > $范围。选择。所有）scope.option.curr = scope.option.all美元美元；
如果（$ scope.option.count | |！IsNaN（美元范围。选项。计数）| | $ scope.option.count＜1）scope.option.count = 10美元；


获取一系列显示页面
scope.page美元= getrange（scope.option.curr美元，scope.option.all美元，美元范围。选项。计数）；

绑定/单击事件
scope.pageclick美元=功能（页）{
如果（页=）
页= parseInt（美元范围。选项。1）- 1；
否则}如果（页=）
页= parseInt（美元范围。选项。1）+ 1；
}
如果（页面< 1）页= 1；
如果（页> $范围。选择。所有的网页scope.option.all美元）=；
单击同一页不执行单击事件
如果（页= = $范围。选项。1）返回；
如果（$ scope.option.click类型scope.option.click美元= 'function）{
scope.option.click美元（页）；
scope.option.curr美元=页；
scope.page美元= getrange（scope.option.curr美元，scope.option.all美元，美元范围。选项。计数）；
}
}；

返回页面的数量（用于遍历）
功能getrange（当前，所有计数）{
计算显示页面
电流= parseInt（当前）；
所有= parseInt（所有）；
数= parseInt（计数）；
VaR从=电流parseInt（计数/ 2）；
var =货币+ parseInt（计数/ 2）+（计数% 2）- 1；
显示页面卷处理
如果（从< = 0）{
从= 1；
从+计数- 1；
如果（对所有）{
到=所有；
}
}
如果（对所有）{
到=所有；
从=数到1；
如果（从< = 0）{
从= 1；
}
}
var范围{ }；
对于（var i =；i <；i + +）{
Range.push（我）；
}
Range.push（）；
Range.unshift（' '）；
返还范围；
}

}
}
}）；




html代码：






AngularJS分页控件




















app.js代码：


介绍of'mymodele ' /模块
VaR的应用= angular.module（'app，{ 'mymodule}）；

App.contriller（'myctrl功能（范围）{

参数设置页面
scope.option美元= { {
电流：1 /四
全部： 20，页面总数
计数：10，最显示页面，默认值是10。

单击页面回调函数，单击页面上的页面参数。
单击：函数（页）{
console.log（页）；
在这里您可以将跳转写入页面…
}
}
}）；




以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。