发表于: 2017-01-20 22:46:51
1 1095
一、今天完成的事情:
1.搞清楚了ui-bootstrap的分页器的用法,轮子真好用~
二、明天要做的事情:
1.完成搜索、时间以及删除。
三、遇到的问题:
uibootstrap中,有几个参数
boundary-links
Ç (默认:false
) -是否显示首/尾按钮。boundary-link-numbers
$ Ç (默认:false
) -是否始终显示第一个和最后的页码。如果max-size
大于的页面的数量时,那么第一个和最后一个页面号码仍与必要之间在椭圆所示。注:max-size
指的是范围的中心。此选项可以在结束值的显示范围的每一侧添加多2个数字,以及省略号,但由数字替换,因为它是顺序的。direction-links
$ Ç (默认:true
) -是否显示上一个/下一个按钮。first-text
Ç (默认:First
) -文本的第一个按钮。force-ellipses
$ Ç (默认:false
) -时,也显示椭圆rotate
的真实,max-size
比页数小。items-per-page
$ ç (默认:10
) -每页项目的最大数量。小于1的值表示一页上的所有项目。last-text
Ç (默认:Last
) -文本的最后按钮。max-size
$ (默认:null
) -为分页大小限制数量。next-text
Ç (默认:Next
) -文本为下一步按钮。ng-change
$ -这可以用来调用一个函数,每当该页面的变化。ng-disabled
$ (默认:false
) -用来禁用分页组件。ng-model
$ - 当前页码。第一页为1。num-pages
$ 只读 (默认:angular.noop
) -指定的页面来显示总数的可选表达式。page-label
(默认:angular.identity
) -一个可选的表达式覆盖的基础上传递当前页面的索引页面的标签。支持页码与$page
在模板中。previous-text
Ç (默认:Previous
) -文本的上一个按钮。rotate
$ Ç (默认:true
) -是否保留当前页面在可见的人中间。template-url
(默认:uib/template/pagination/pagination.html
) -覆盖该组件的模板,自定义模板提供total-items
$ - 所有页面中的项目总数。
这些东西,只需要写进去,轮子就能够把这些东西自动给你计算出来,或者设为默认。然后通过filter,使用splice方法,截取你所需要的每一页需要显示的东西。刚好今天大师兄将了filter的使用方法,准备使用它来实现搜索功能,只需要多传入几个参数就能搞定!
回来了,回归学习状态,明天继续加油
评论