发表于： 2017-05-29 21:10:25
1 972
今天完成的事情：封装了过滤器，ui-bootstrap的翻页功能
明天计划的事情：写搜索功能然后完成article列表页，开始新增／编辑页
遇到的问题：暂无
收获：ui-bootstrap是一个很好用的插件，只需要提供几个参数，其他全写好了
Pagination中可以使用的属性有：
| 属性名 | 默认值 | 备注 |
| boundary-links | false | 是否显示第一页和最后一页的按钮 |
| boundary-link-numbers | false | 是否显示第一页和最后一页的页数,并在页数过多时用…表示被隐藏的页数 |
| direction-links | true | 是否显示上一页和下一页的按钮 |
| first-text | first | 第一页的按钮的名字 |
| last-text | last | 最后一页的按钮名字 |
| previous-text | Previous | 上一页的按钮名字 |
| next-text | Next | 下一页的按钮名字 |
| force-ellipses | false | 是否在rotate被设置为true并且页数过多时显示为"…" |
| rotate | true | 是否保持当前在可视范围的中间 |
| items-per-page | 10 | 每页显示的数量.设置值小于1表示显示所有项 |
| max-size | null | 可选择的页数范围(如果设置为5,当前页为10,总页数为100,那么可选择第8,9,10,11,12页) |
| ng-change | 页数变化时调用的函数 | |
| ng-disabled | false | 是否禁用 |
| ng-model | 当前页数 | |
| num-pages | angular.noop | 只读属性，表示总页数 |
| page-label | angular.identity | 设置页数标签的表达式 |
| template-url | uib/template/pagination/pagination.html | |
| total-items | 总共有多少条数据 |
boundary-link-numbers，rotate和force-ellipses是用来控制页数按钮的显示方式，并且可以组合使用。
只是属性有点稍多。。需要仔细看一看哪些是需要用到的，从而设置出自己需要的样式
返回列表
评论