博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angularjs分页
阅读量:6836 次
发布时间:2019-06-26

本文共 3795 字,大约阅读时间需要 12 分钟。

hot3.png

图表的简单分页,功能不全但是采用异步请求的方法,留以后查询吧

景区画像
序号 景区名称 客流统计(入) 车流统计(出) 门票销售(张) 门票收入(元) 接团数量
app.constant("host", "http://172.16.40.XX");app.controller('spotphotoCtrl',['$scope','$http','host' ,function($scope,$http,host) {   $scope.urlfor=function( pagenow, pageSize){    $scope.urla = host + "/API/BigData/GetScenicInfo?pageCurrent="+pagenow+"&pageSize="+pageSize;     $http.get($scope.urla).success(function (response) {	     var models = eval(response);          $scope.items =models.Data; 	        });         } 	 }]); /***************************************分页指令*******************************************************/app.directive('pagination', function() {	return {		restrict: 'E',		template: '
', replace: true, link: function($scope, element, attrs, controller) { $scope.pages =100 //分页数 $scope.pageSize = 7; $scope.pageList = [];//显示页数 $scope.selPage = 1; //设置表格数据源(分页) $scope.setData = function (page) { $scope.urlfor(page,$scope.pageSize) } $scope.urlfor($scope.selPage,$scope.pageSize) //分页要repeat的数组 for (var i = 0; i < $scope.newPages; i++) { $scope.pageList.push(i + 1); } $scope.selectPage = function (page) { //不能小于1大于最大 if (page < 1 || page > $scope.pages) return; //最多显示分页数5 if (page > 2) { //因为只显示5个页数,大于2页开始分页转换 var newpageList = []; for (var i = (page - 3); i < ((page + 2) > $scope.pages ? $scope.pages : (page + 2)); i++) { newpageList.push(i + 1); } $scope.pageList = newpageList; } $scope.selPage = page; $scope.setData(page); $scope.isActivePage(page); console.log("选择的页:" + page); }; //设置当前选中页样式 $scope.isActivePage = function (page) { return $scope.selPage == page; }; //上一页 $scope.Previous = function () { $scope.selectPage($scope.selPage - 1); } //下一页 $scope.Next = function () { $scope.selectPage($scope.selPage + 1); }; } };});

152745_h9KQ_3101682.png

 

转载于:https://my.oschina.net/u/3101682/blog/1519318

你可能感兴趣的文章
OSPFv3与OSPF的配置
查看>>
傻瓜式的ARP处理方法
查看>>
Django1.4 python2.7 apache mod_python 安装与部署实例
查看>>
Fedora下的远程桌面连接
查看>>
浅析MySql二进制日志的应用
查看>>
您需要搭建怎样的网站来帮助您赚取更多利润?
查看>>
Ubuntu安装Cairo-Dock后,不能使用注销按钮和关机按钮
查看>>
SQL Server 2012 AlwaysOn Group 使用 Identity字段注意事项
查看>>
tcc新的插装引擎对比原有实现的改进
查看>>
20145328 《信息安全系统设计基础》第3周学习总结
查看>>
layoutSubviews何时调用的问题
查看>>
编译bash实现history的syslog日志记录
查看>>
Java数据类型
查看>>
mysql主从备份
查看>>
我的友情链接
查看>>
强化学习概览
查看>>
我的友情链接
查看>>
jdk1.8-stack 栈源码分析
查看>>
解决Windows Server 2008 System进程占用80端口
查看>>
python3--嵌套函数
查看>>