本文实例为大家分享了角分页的具体代码,供大家参考,具体内容如下
<强> 1,Html
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt; meta name=" viewport "内容=翱矶?设备宽度”/比;
& lt; title> MyPagination
& lt;链接的href=" https://www.yisu.com//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css " rel="样式表"/比;
& lt;脚本src=" https://www.yisu.com/zixun/~/脚本/angular.js”祝辞& lt;/script>
& lt;脚本src=" https://www.yisu.com/zixun/~/脚本/ui-bootstrap-tpls-0.13.0.min.js”祝辞& lt;/script>
& lt; script>
var readyDataUrl=' .content (~/StudentManage/GetPageList) ';
var loadDataUrl=' .content (~/StudentManage/GetPageList) ';
应用var=角。模块(“应用程序”,[' ui.bootstrap ']);
app.controller (ctrl,[美元日志,http美元,美元的范围,函数(日志,http,美元范围美元){
美元的范围。reportData=https://www.yisu.com/zixun/[];
美元的范围。最大尺寸=7;
美元的范围。当前页=0;
美元的范围。totalItems=0;
美元的范围。pageChanged=function () {//showLoading(“正在查询”);
美元http。帖子(loadDataUrl, {
pageIndex: $ scope.currentPage
页大小:10,
名称:"
}）
不要犹豫(函数(结果){
美元的范围。reportData=https://www.yisu.com/zixun/result.data.Data;
美元的范围。totalItems=result.data.recordTotal;
})。抓住(函数(错误){
美元的日志。错误(“错误:”+错误);
})。最后(函数(){//closeLoading ();
});
}
美元的范围。初=function () {//showLoading(“正在查询”);
美元http。帖子(readyDataUrl, {
pageIndex: $ scope.currentPage
页大小:10,
名称:"
})。然后(函数(结果){
美元的范围。reportData=https://www.yisu.com/zixun/result.data.Data;
美元的范围。totalItems=result.data.recordTotal;//closeLoading ();
})。抓住(函数(错误){
美元的日志。错误(“错误:”+错误);
})。最后(函数(){
});
}
美元scope.Inital ();
美元的范围。搜索=function () {//showLoading(“正在查询”);
美元http。帖子(loadDataUrl {})
不要犹豫(函数(结果){
美元的范围。reportData=https://www.yisu.com/zixun/result.data.Data;
美元的范围。totalItems=result.data.recordTotal;
})。抓住(函数(错误){
美元的日志。错误(“错误:”+错误);
})。最后(函数(){//closeLoading ();
});
}
}));
& lt;/script>
& lt;/head>
& lt; body>
& lt; div ng-app="应用" ng-controller=癱trl”比;
& lt; div类="形式的班级" id=肮ぞ呃浮北?
& lt; table>
& lt; tr>
& lt; td比;
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-success btn-sm " id=" btnSearch " ng-click=八阉?)”的在查询& lt;/button>
& lt;/td>
& lt;/tr>
& lt;/table>
& lt; div类=癰ootstrap-table”比;
& lt; div类=癴ixed-table-container”比;
& lt; div类=皌able-responsive”比;
& lt;表类="表table-condensed table-hover表拆开,“比;
& lt; thead>
& lt; tr>
& lt; th> & lt; div类=爸?在序号& lt;/div> & lt;/th>
& lt; th> & lt; div类=爸?在姓名& lt;/div> & lt;/th>
& lt; th> & lt; div类=爸?在电话& lt;/div> & lt;/th>
& lt; th> & lt; div类=爸?在邮箱& lt;/div> & lt;/th>
& lt; th> & lt; div类=爸?在年龄& lt;/div> & lt;/th>
& lt; th> & lt; div类=爸?在国家& lt;/div> & lt;/th>
& lt; th> & lt; div类="中(“在城市& lt;/div> & lt;/th>
& lt;/tr>
& lt;/thead>
& lt; tbody>
reportData & lt; tr ng-repeat=皁”比;
& lt; td> & lt;跨越ng-bind=皁.Id祝辞& lt;/span> & lt;/td>
& lt; td> & lt;跨越ng-bind=皁.Name祝辞& lt;/span> & lt;/td>
& lt; td> & lt;跨越ng-bind=皁.Telephone祝辞& lt;/span> & lt;/td>
& lt; td> & lt;跨越ng-bind=皁.Email祝辞& lt;/span> & lt;/td>
& lt; td> & lt;跨越ng-bind=皁.Age祝辞& lt;/span> & lt;/td>
& lt; td> & lt;跨越ng-bind=皁.Country祝辞& lt;/span> & lt;/td>
& lt; td> & lt;跨越ng-bind=皁.City祝辞& lt;/span> & lt;/td>
& lt;/tr>
& lt;/tbody>
& lt;/table>
& lt;/div>
& lt;/div>
& lt;/div>
& lt;分页类=" pagination-sm扯”
ng-model="当前页"
total-items=" totalItems "
最大尺寸=" 7 "
ng-change=" pageChanged ()
force-ellipses=" true "
num-pages=" numPages "
boundary-link-numbers=" true "
boundary-links=" false " @ *是否显示第一个/最后一个按钮* @
旋转=" false "
previous-text=" & # 8249; "
中=" & # 8250;"比;
& lt;/pagination>
& lt;/div>
& lt;/div>
& lt;/body>
& lt;/html>
