<!DOCTYPE html>
<html lang="en">
<head>
<title>入门小Demo-9分页</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
<script src="../plugins/angularjs/angular.min.js"></script>
<script src="../plugins/angularjs/pagination.js"></script>
<link rel="stylesheet" href="../plugins/angularjs/pagination.css">
<link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
<script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
<script>
var app = angular.module('test', ['pagination']); //定义了一个叫myApp的模块
//定义控制器
app.controller('testController', function ($scope, $http) {
// 分页控件配置
// currentPage:当前页;totalItems:总记录数;itemsPerPage:每页记录数;perPageOptions:分页选项;onChange:当页码变更后自动触发的方法
$scope.paginationConf = {
currentPage: 1,
totalItems: 10,
itemsPerPage: 10,
perPageOptions: [10, 20, 30, 40, 50],
onChange: function () {
$scope.reloadList();//重新加载
}
};
本内容试读结束,登录后可阅读更多
下载后可阅读完整内容,剩余2页未读,立即下载