angular和bootstrap创建分页

最新推荐文章于 2019-08-23 08:49:00 发布

alices_lin

最新推荐文章于 2019-08-23 08:49:00 发布

阅读量931

点赞数

分类专栏： angular 文章标签： bootstrap angular 分页

本文链接：https://blog.csdn.net/alices_lin/article/details/55504574

版权

angular 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1、js文件

app.controller('绑定的控制器名称（UserCtrl ）',[$scope,$http,
	function($scope,$http)
	{
		$scope.createPages = function(pages)
		{
			var arr = [];
			for(var i=0;i<pages;i++)
			{
				arr[i] = {
					page : i+1,
					current : i+1 == $scope.currPage
				}
			}
			$scope.pages = arr;
			return;
		}
	}
]);

2、html文件

<div class = "col-sm-4 text-right-cener-xs">
	<ul class = "pagination pagination-sm m-t-none m-b-none">
		<li><a ng-click = "获取表格数据(上一页的页码)"><i class = "fa fa-chevron-left"></i></a></li>
		<li ng-repeat = "page in pages">
			<a ng-click = "获取表格数据(page.page)>{{page.page}}</a>
		</li>
		<li><a><i class = "fa fa-chevron-right></i></a></li>
	</ul>
</div>

3、显示样式