AngularJS表格分页功能的详细解释

上次，这次主要介绍了表格功能。由于项目的需要，本例讲述的是前端寻呼的方式。现在它很少使用，但如果需要，我们可以参考思路。

HTML：

1。通过UL显示页面标记，其中每个页面标记的李都是通过异步加载生成的，从获取不同的表数据。

上一页

下一页
现在它是一个页面，一个完整的页面

Js：

1、首先，我们需要设置要显示的页面数。我们选择页面元素来确定生成页面的总数和当前页面的页数。

2。如果生成的页面总数大于当前页，则继续生成下一页，直到该角将添加到页面中为止。

三.隐藏所有表数据，只显示初始设置的5页。

4、跳转页面功能。tab_page（）确定起始位置和结束位置的TR通过显示的索引条目数量（页码）*，然后隐藏所有TR，TR（只显示显示：）在这个范围内。

5、最后一页、下一页和跳转功能，获取当前页的数量，注意确定它是第一页还是最后一页，并将其用作索引的传入函数。
功能table_page（）{
无功show_page = 5； / /每页显示数
无功page_all = $（#页）（儿童）（尺寸）； / /总人数
无功current_page = 1； / /当前页
/ / console.log（page_all）；
无功page_num = math.ceil（page_all / / / show_page）；总页数
无功current_num = 0； / /计数器生成页面标记
var；页元素
而（page_num > current_num）{ / /生成的页面元素
李+ =+（current_num + 1）+；
current_num + +；
}
$（# page_num_all）。Html（李）； / /添加一个页面标记
$（#页TR）。Css（显示器，不关'）； / /套。
$（#页TR）。片（0，show_page）。Css（显示）； / /设置显示
$（# current_page）。Html（+ current_page +）； / /显示当前页
$（# page_all）。Html（+ page_num +）； / /显示总页数
$（#以前）（点击（功能）{ / /上一页
无功new_page = parseInt（$（# current_page）。文本（））- 1；
如果（new_page > 0）{
$（# current_page）。Html（+ new_page + ）；
tab_page（new_page）；
}
}）；
$（#下）（点击（功能）{ / /下一页
无功new_page = parseInt（$（# current_page）。文本（+ 1））； / /当前页面的标记
如果（new_page <= page_num）{ / /确定最后或第一页
$（# current_page）。Html（+ new_page + ）；
tab_page（new_page）；
}
}）；
$（。page_num ）（点击（功能）{ / /标准页面跳转
无功new_page = parseInt（$（this）。文本（））；
tab_page（new_page）；
}）；
功能tab_page（指数）{ / /开关相应网页的标记
VaR的开始= * show_page（指数）； / /目标页面的拦截
var =开始+ show_page； / /拦截号码
$（#页）。孩子们（）。Css（显示器，不关的），切片（开始、结束），Css（显示'，'）；
current_page =指数；
$（# current_page）。Html（+ current_page + ）；
}
}
table_page（）；

以上是前端分页方法和页码、页面标记等跳转方式，请结合第一章的数据测试。