发表于: 2017-01-20 22:46:51

1 1094


一、今天完成的事情:

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的使用方法,准备使用它来实现搜索功能,只需要多传入几个参数就能搞定!


回来了,回归学习状态,明天继续加油


返回列表 返回列表
评论

    分享到