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

前端之家收集整理的这篇文章主要介绍了AngularJS与BootStrap模仿百度分页的示例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

<Meta charset="UTF-8"> BootStrap+AngularJS<a href="https://www.jb51.cc/tag/fenyexianshi/" target="_blank" class="keywords">分页显示</a>

1_1.json

]

}

1_2.json

]
}

实现的效果如图:

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

如下图所示

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

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

原文链接:https://www.f2er.com/bootstrap/32200.html

猜你在找的Bootstrap相关文章