我们要知道使用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);
}