ng-repeat指令在迭代对象时的去重方法

网络编程 2024/9/1 佚名

3 2 1

刚刚遇到一个问题：

在使用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事件，自然就去重了。

以上就是解决办法。希望对大家有用。

这篇ng-repeat指令在迭代对象时的去重方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

ng-repeat,迭代对象,去重

标签：

ng-repeat,迭代对象,去重

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

评论“ng-repeat指令在迭代对象时的去重方法”

ng-repeat指令在迭代对象时的去重方法

暂无“ng-repeat指令在迭代对象时的去重方法”评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新动态

20240901

ng-repeat指令在迭代对象时的去重方法

ng-repeat,迭代对象,去重

解决ng-repeat产生的ng-model中取不到值的问题

浅谈开发eslint规则

评论“ng-repeat指令在迭代对象时的去重方法”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新动态

友情链接