AngularJS与BootStrap模仿百度分页的示例代码

模仿百度的每页显示10条数据,实现了当前页居中的算法.

BootStrap+AngularJS分页显示

1_1.json

]

}

1_2.json

]
}

实现的效果如图:

遇到的问题 : 下面的代码,如果 把begin不小心写成了0,则页码上,会出现从0开始的bug

如下图所示

原因是begin代表的是页面显示的第一个页码,如果i从0开始开始遍历,那么pageList数组中的第一个元素就是0,因此在如下的angularJS的遍历页码的过程中,就会从0开始遍历. 在页面上,就会显示从0 开始

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

相关文章

Bootstrip HTML 查询搜索常用格式模版 <form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...