这篇文章主要介绍如何使用Angular+Angular-Ui实现分页,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
创新互联公司为您提适合企业的网站设计 让您的网站在搜索引擎具有高度排名,让您的网站具备超强的网络竞争力!结合企业自身,进行网站设计及把握,最后结合企业文化和具体宗旨等,才能创作出一份性化解决方案。从网站策划到成都做网站、网站建设、外贸营销网站建设, 我们的网页设计师为您提供的解决方案。
先看效果:
采用了Angular-UI中的分页组件,关于Angular-UI如何使用请移步这里https://angular-ui.github.io/bootstrap/中的bootstrap章节(其中ui-router等我也建议你多看看)
注意:必须按照官网上引入相应的js和css才能生效,千万不要忘记了。
HTML代码如下:
省份1 省份2 省份3 省份4
JS代码如下:
$scope.currentPage =1;//初始当前页 $scope.maxSize = 3;//最多显示3页其他的用···代替 $scope.allitem=[];//存放所有页 $http.get('./js/test').success( function (data) { $scope.addr=data.l; var num= $scope.addr.length; $scope.totalItems =num;//共有多少条数据 for(var i=0;i以上是“如何使用Angular+Angular-Ui实现分页”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
标题名称:如何使用Angular+Angular-Ui实现分页
分享链接:http://cxhlcq.com/article/gchsoc.html