angularJs 中的ui-bootstrap 插件pagination使用总结

原创 2017年08月17日 22:57:52

上代码

  <uib-pagination class="pagination-sm pagination-custom" boundary-links="true" rotate="false"
                                total-items="vm.totalElements"//总共多少条数据
                                ng-change="vm.load(vm.currentPage-1,vm.pageSize,vm.totalElements,vm.searchConditions)"//点击页面跳转
                                max-size="10"//展示多少页码
                                ng-model="vm.currentPage"//当前页
                                items-per-page="vm.pageSize"//每页多少条数据
                                first-text="首页"
                                last-text="最后一页"
                                next-text="下一页"
                                previous-text="上一页">
</uib-pagination>

以上已经基本满足日常开发

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

angularjs ui.bootstrap.pagination分页简单使用

地址:http://angular-ui.github.io/bootstrap/ 以一个简单页面使用为例: 角色名称: ...
  • ypp91zr
  • ypp91zr
  • 2017年03月20日 15:36
  • 3156

使用angularjs ui-bootstrap遇到的问题

今天在使用angulrjs的ui-bootstrap中的ui.bootstrap.pagination时遇到的问题。 先来个示例代码: Page: {{bigCurrentPage}}...

angular中uibpagination里面参数配置

Pagination中可以使用的属性有: 属性名 默认值 备注 boundary-links false 是否显示第一页和最后一页的按钮 boundary-l...

AngularJs的UI组件ui-Bootstrap分享——Pager和Pagination

原文地址:http://www.cnblogs.com/pilixiami/p/5634405.html ui-bootstrap中有两个分页控件,一个是轻量级的Pager,只有上一页和下一...

angularjs-ui-calendar日历插件的使用

公司要求使用angular-ui-calendar做移动端的一个日历模块,之前对angular的接触也不是很多,刚开始看了看真是头都大了,不过现在搞清楚之后感觉真的是so easy。分享自己的一些使用...

angularjs之ui-bootstrap的使用

1.新建uiBootstrap.html页面,引入依赖的js和css类库 2.新建uiBootstrap.js文件,定义一个uiModule 模块,引入依赖的模块 /** *...

jquery【插件】 pagination使用

果学网-专注IT在线www.prismcollege.com 原文:http://zccst.iteye.com/blog/1415848,http://blog.csdn.net/luoyeyu19...

将jQuery Pagination分页插件用于不使用AJAX加载数据的页面

将jQuery Pagination分页插件用于不使用AJAX加载数据的页面,项目使用SpringMVC,使用Freemarker绑定数据,但分页显示样式不想自己处理,所以使用jQuery Pagin...

Django 的分页插件 django-pagination 使用

之前一直做的是Java的开发,印象中分页ji

angularJs-UI-bootstrap系列教程1(使用前的准备)

之前一直想看看angular中Ui-bootstrap是如何使用的,但是苦于网站被墙了,一直看不到,最近偷偷的到墙外面看了一下文档,大致的了解了如何使用,在这里写这边文章主要就是为了那些被墙了的ang...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:angularJs 中的ui-bootstrap 插件pagination使用总结
举报原因:
原因补充:

(最多只允许输入30个字)