前端——AngularJS------分页

我们要知道使用AngularJS的文件结构，以及每个文件存放的内容，

html页面：AngularJS的标签或者属性（AngularJS在标签中的属性和普通js的属性是不同的，有的属性的AngularJS特有的），写方法

controller.js:存放实际js方法，接收html页面传递的方法参数以及实现js逻辑

service.js:存放请求（post，get）到后台的路径

 

分页：

html页面：

<tm-pagination conf="paginationConf"></tm-pagination>

baseController.js:

// 分页的配置的信息
	$scope.paginationConf = {
	         currentPage: 1, // 当前页数
		 totalItems: 0, // 总记录数
		 itemsPerPage: 5, // 每页显示多少条记录
		 perPageOptions: [5,10, 20, 30, 40, 50],// 显示多少条下拉列表
		 onChange: function(){ // 当页码、每页显示多少条下拉列表发生变化的时候，自动触发了
			$scope.reloadList();// 重新加载列表
		 }
	}; 

	$scope.reloadList = function(){
		$scope.search($scope.paginationConf.currentPage,$scope.paginationConf.itemsPerPage);
	}