采用了Angular-UI中的分页组件，关于Angular-UI如何使用请移步这里中的bootstrap章节（其中ui-router等我也建议你多看看）
注意：必须按照官网上引入相应的js和css才能生效，千万不要忘记了。
HTML代码如下：
省份1
省份2
省份3
省份4
</table>
JS代码如下：
$scope.totalItems =num;//共有多少条数据
for(var i=0;i<num;i+=10){
$scope.allitem.push($scope.addr.slice(i,i+10))
}//此方法可以将一个数组分成多个数组并且放在了一个大数组里面，按每个数组10条数据【因为组件默认为10条数据一页】存放，假如41条数据的话我们将分成5页
}
);
笔者Js文件夹下的test.json存放的是中国地址JSon数据源，用于测试。
================================================================================
PS:上述版本是15年的了；现在上传下最新版本的 样例吧；其实就是官网上的例子，鉴于某些宝宝不会FQ看，就拿下来了；
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。谢谢大家对编程之家的支持。
原文链接：https://www.f2er.com/js/40811.html