[整理]Error: [ngRepeat:dupes]的解决方法
<div class="pageNum middle PT10">
<a href="javascript:void(0);" ng-show="pager.pageIndex>1" ng-click="pager.setFirstPage()">首页</a>
<a href="javascript:void(0);" ng-show="pager.pageIndex>1" ng-click="pager.setPreviousPage()">上一页</a>
<a href="javascript:void(0);" class="{{(page==pager.pageIndex)?'current':''}}" ng-repeat="page in pager.rangePages " ng-click="pager.setPage(page)">{{page}}</a>
<a href="javascript:void(0);" ng-show="pager.pageIndex<pager.getMaxPages()" ng-click="pager.setNexPage()">下一页</a>
<a href="javascript:void(0);" ng-show="pager.pageIndex<pager.getMaxPages()" ng-click="pager.setLastPage()">尾页</a>
</div>
updateRangePages: function(){
var pageNums = []
var curPage = this.pageIndex
var maxPage = this.getMaxPages() var begin = parseInt(curPage-5)>1?parseInt(curPage-5):1
var end = parseInt(begin+10)>maxPage?maxPage:parseInt(begin+10) if(parseInt(curPage-5)>1){
pageNums.push(1)
pageNums.push('...')
} while(begin<=end){
pageNums.push(begin++)
} /*
页面出错
Error: [ngRepeat:dupes] http://errors.angularjs.org/1.2.20/ngRepeat/dupes?p0=page%20in%20pager.rangePages&p1=string%3A...
*/
try{
if(end<maxPage){
pageNums.push('...')
pageNums.push(maxPage)
}
}
catch(e){
console.log(e)
} delete this.rangePages
this.rangePages = pageNums
}
出现错误,什么原因呢?
http://errors.angularjs.org/1.2.20/ngRepeat/dupes?p0=page%20in%20pager.rangePages&p1=string%3A...
经确定,因为有相同的内容而重复引起,所以前端需修改下黄色标记。
<div class="pageNum middle PT10">
<a href="javascript:void(0);" ng-show="pager.pageIndex>1" ng-click="pager.setFirstPage()">首页</a>
<a href="javascript:void(0);" ng-show="pager.pageIndex>1" ng-click="pager.setPreviousPage()">上一页</a>
<a href="javascript:void(0);" class="{{(page==pager.pageIndex)?'current':''}}" ng-repeat="page in pager.rangePages track by $index" ng-click="pager.setPage(page)">{{page}}</a>
<a href="javascript:void(0);" ng-show="pager.pageIndex<pager.getMaxPages()" ng-click="pager.setNexPage()">下一页</a>
<a href="javascript:void(0);" ng-show="pager.pageIndex<pager.getMaxPages()" ng-click="pager.setLastPage()">尾页</a>
</div>
参考
http://blog.csdn.net/zml6308/article/details/38312347
https://docs.angularjs.org/error/ngRepeat/dupes
[整理]Error: [ngRepeat:dupes]的解决方法的更多相关文章
- Angular JS ng-repeat 报错 Error: [ngRepeat:dupes]
ng-repeat常用情况: <div class="form-group" ng-repeat="item in items"></div& ...
- vss error reading from file 解决方法
vss error reading from file 解决方法 1 若服务器中存在 vss/data/backup目录,请将该目录删掉2 运行cmd cd.. cd C:\Program Files ...
- 安装CAD出现Error 1904.Module的解决方法
在安装AutoCAD2008时,安装过程中出现了一个小错误,虽然说不影响使用,也不影响功能,但还是需要把这个问题解决,今天就和大家分享解决这个问题的方法. 错误描述 会在安装过程中出现错误提示:Err ...
- 关于163发邮件报错535 Error:authentication failed解决方法
关于发邮件报错535 Error:authentication failed解决方法 调用163邮箱服务器来发送邮件,我们需要开启POP3/SMTP服务,这时163邮件会让我们设置客户端授权码,这个授 ...
- mysql主从同步失败Last_IO_Error: Got fatal error 1236 from master解决方法
mysql教程主从同步失败Last_IO_Error: Got fatal error 1236 from master解决方法 遇到这样的错误如:“Last_IO_Error: Got fatal ...
- 【angularjs基础】ng-repeat嵌套循环报错angular.min.js:89 Error: [ngRepeat:dupes]
再写嵌套循环的时候,提示一个错误 angular.min.js: Error: [ngRepeat:dupes] 代码如下 <table class="GridViewTable mt ...
- MySQL数据库”mysql SQL Error:1146,SQLState:42S02 “解决方法
项目在开发的时候在Mac平台下开发的,开发完了之后在LINUX环境上部署好之后,运行时MySQL数据库报错,提示为某个表不存在之类的错误信息,后来修改了MySQL的配置文件将大小写敏感去掉,问题解决. ...
- MySQL Got fatal error 1236原因和解决方法【转】
本文来自:http://blog.itpub.net/22664653/viewspace-1714269/ 一 前言 MySQL 的主从复制作为一项高可用特性,用于将主库的数据同步到从库,在维护主 ...
- Got fatal error 1236原因和解决方法
一 前言 MySQL 的主从复制作为一项高可用特性,用于将主库的数据同步到从库,在维护主从复制数据库集群的时候,作为专职的MySQL DBA,笔者相信大多数人都会遇到“Got fatal erro ...
随机推荐
- 并发系列(一)-----synchronized关键字
一 简介 说到并发不得不提的synchronized,synchronized关键字是元老级别的角色.在Java SE 1.6之前synchronized被称为是重量,在1.6之后对同步进行了一系列的 ...
- redis在php中常用的语法(转)
String 类型操作 string是redis最基本的类型,而且string类型是二进制安全的.意思是redis的string可以包含任何数据.比如jpg图片或者序列化的对象 $redis-> ...
- POJ 2431 (优先队列)
题目链接:https://vjudge.net/problem/POJ-2431 思路: “ 在卡车行驶途中, 只有经过加油站才能加油.” 我们不妨转变思路, 理解成“当卡车驶过加油站时就获得了加油的 ...
- PAT甲题题解-1054. The Dominant Color (20)-排序/map
原本用map,发现超时了,后来便先用数组存储排个序,最后for一遍统计每种颜色出现的次数(每种颜色的首位索引相减+1),找出最多的即可. #include <iostream> #incl ...
- BugPhobia沟通篇章:Solr模式配置与数据导入调研
0x01 :Scrum Meeting特别说明 特别说明,考虑到编译原理课程考核的时间安排,每天开发时间急剧缩短以至于难以维系正常的Scrum Meeting,因此,将2015/12/13 00:00 ...
- win7+opencv3.0.0+vs2010 安装及配置
最近看<学习opencv>,想要跑人脸识别的例子,于是先配环境吧. 1. opencv下载: 具体下载地址,http://opencv.org/,官网太慢,百度网盘的资源链接:http: ...
- mosquitto集群配置
--------------------------------------------------------前言------------------------------------------ ...
- Postgresql迁移数据文件存放位置
1. POSTGRESQL的安装 centos7 里面默认的pgsql的版本是 如果想用更高的版本需要执行以下如下的命令 rpm -ivh https://download.postgresql.or ...
- Android Manifest文件
Manifest文件内容 1.自定义权限(Permission) : <permission android:description="string resource" a ...
- 解决Ubuntu14.04下sublime无法输入中文
原帖地址: (简书作者) http://www.jianshu.com/p/bf05fb3a4709 前言 sublime很好用,但是ubuntu14.04 下不能输入中文,这是一个很大的问题.不知道 ...