ng-repeat指令在迭代对象时的去重
来源:互联网 发布:宽带无网络 编辑:程序博客网 时间:2024/06/15 11:05
刚刚遇到一个问题:
在使用AngularJS的ng-repeat指令时,遇到了数据重复出现的问题。
可能有的人会想到,ng-repeat迭代时,遇到重复的数据不是会报错么?
当然了,如果你迭代的是数组,而且数据类型时字符串或者数字时,ng-repeat指令就会自动报错。而且解决办法也很简单, 加个track by $index就能解决。
而我的问题是,在迭代对象时,因为对象中有重复的数据,而我需要的是重复的数据只显示一条,也就是去重。因为迭代的是对象,所以ng-repeat并不会给你报错,而是会一条一条的给你遍历出来。
百度了很久都没有相关的问题,最后只能自己琢磨了。
以上是问题。
如何解决呢?
很简单,下面是解决办法,直接上代码:
<select v-model="option" > <option value="">--------请选择--------</option> <option v-repeat="item in deals" v-hide="deals[$index].accNum == deals[$index+1].accNum">{{item.accNum}}</option></select>
搭配使用一个ng-hide指令,即加一条判断语句,如果遍历过程中的一条数据和上一条的数据相同,那么就会触发hide事件,自然就去重了。
以上就是解决办法。希望对大家有用。
阅读全文
0 0
- ng-repeat指令在迭代对象时的去重
- angularJS12-ng-repeat 指令用在一个对象数组上
- ng-repeat在迭代最后一个元素时执行一个方法
- ng-repeat指令
- ng-repeat指令
- 05-指令ng-repeat
- AngularJS中ng-repeat对象的问题
- angularJs ng-repeat 去重复
- Angular Js ng-repeat指令
- AngularJS之ng-repeat指令
- AngularJS——ng-repeat指令以及Ajax的应用
- ng-repeat的使用
- angular指令监听ng-repeat渲染完成
- ng-repeat指令实现循环输出 ng-click 动态触发
- AngularJS ng-repeat的使用
- 关于AngularJs的ng-repeat
- AngularJS中ng-app、ng-model、ng-bind、ng-init、ng-repeat、自定义指令
- (四上)Angular指令,ng-bind指令,ng-init 指令,ng-click指令,ng-repeat 指令
- python 面试
- Echars简单地图制作
- C++学习笔记【第一部分第七章:类】
- Android数据存储之GreenDao 3.0 详解
- JavaScript中的标准对象
- ng-repeat指令在迭代对象时的去重
- exercise 3 (逻辑斯蒂回归实现多分类问题)
- 【java多线程 关键字】synchronized
- C++学习笔记---类
- php使用grpc简单教程
- ECNUSUM2 B HihoCoder
- dispatch_semaphore做锁使用的2种使用方式
- Java多线程编程学习
- Unity中Json 解析(序列化和反序列化)