捕获重复项并在ng-repeat的track中忽略它们，不带过滤器(AngularJS)
在AngularJS中，ng-repeat指令用于在HTML模板中循环渲染数据。当ng-repeat遍历一个数组或对象时，有时会出现重复项的情况。为了避免重复项对性能的影响，可以使用track by表达式来捕获重复项并忽略它们。
track by表达式允许我们指定一个唯一标识符来跟踪每个重复项。这个标识符可以是数组或对象中的某个属性，或者是一个表达式的结果。通过指定track by表达式，AngularJS可以根据这个标识符来判断重复项，并在渲染过程中忽略它们。
以下是一个示例：
<div ng-repeat="item in items track by item.id">
{{ item.name }}
</div>在上面的示例中，ng-repeat指令遍历名为items的数组，并使用item.id作为每个重复项的唯一标识符。这样，如果数组中存在多个具有相同id的项，AngularJS将只渲染其中的一个项，并忽略其他重复项。
使用track by表达式可以提高ng-repeat指令的性能，特别是当遍历的数组或对象非常大时。它可以减少DOM操作和渲染时间，从而提升应用程序的性能和用户体验。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
腾讯云云服务器（CVM）是一种可弹性伸缩的云计算基础设施服务，提供高性能、可靠稳定的云服务器实例。您可以根据业务需求选择不同配置的云服务器，灵活部署和管理应用程序。
相关·内容
我在使用ng-repeat和track by时遇到了一些问题，因为有时会出现重复的数据(同一个用户)，因为在较新的条目被推到数组的开头之后，用户在日期排序列表(API端)中被下推。
浏览 13提问于2017-02-02得票数 0
2回答
所以我尝试了很多不同的方法来完成这件事。跟随了这么多的StackOverflow，无法让它工作。我所要做的就是根据布尔属性的值过滤一些列表项。下面是我的对象数据的图片。下面最接近的例子就是这个问题。它是否与对象文字有关，而这种类型的属性过滤只适用于数组？我对javascript很陌生，所以不太确定。也可以使用角度材料、虚拟重复容器等基于物质的东西不影响结果，我可以显示整个数据，只需过滤这个特定属性就不起作用了。lis
浏览 0提问于2017-07-07得票数 0
回答已采纳
1回答
如下所示：我试过使用"track by $index“，但得到了同样的错误。Ctrl.contacts中的对象数组： {
浏览 1提问于2015-05-22得票数 0
2回答
我想使用ng-repeat指令将div填充到我的html视图中。ng-repeat使用的数组有一些重复项，但在我的视图中，我希望只显示一次项(如果元素已经显示，则其副本必须以图形方式隐藏)。<div ng-repeat="item in selectedProcedures track by $index">
<span>{{item.id}}</s
浏览 0提问于2015-10-09得票数 0
4回答
简单ng-重复不工作
、、、
我在我的angularjs应用程序中有下面的代码，为什么这个简单的ng-重复不起作用？})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs</e
浏览 3提问于2017-02-27得票数 0
回答已采纳
我可以使用过滤器过滤表达式而不需要在angularjs中重复。placeholder="search on players" /> <input ng-model="q" placeholder="search on teams" /></li> <strong ng
浏览 7提问于2013-12-09得票数 0
回答已采纳
编辑：我简化了这个示例，因为最初我使用函数根据传递给它的数字返回数组。filter_tableTbody col-xs-12"> <div class="col-xs-2">
<span class="filte
浏览 0提问于2014-12-21得票数 0
回答已采纳
1回答
我有两个要在页面中重复的字符串数组。下面是调试器中的数组(infoData和modelData)：
下面是我的html： <
浏览 0提问于2015-02-17得票数 0
我的情况类似于描述的，但我使用$http调用获取数据，以构建无限滚动表，并获得：源代码是在这种情况下我需要帮助！
浏览 4提问于2015-03-18得票数 1
回答已采纳
我是angular.js新手，在将字符串转换为数组并使用ng重复显示字符串时遇到了问题，到目前为止，我从获得了这个自定义过滤器，代码如下：var app = angular.module(}HTML： <h4 id="id_{{$index}}" ng-repeat="value in data | spaceBreak">&l
浏览 2提问于2016-03-13得票数 1
回答已采纳
2回答
我正在尝试根据我的UI中的列表过滤一些记录。但是，我在查询DB时，除了在UI中显示的内容之外，我还获得了额外的细节。如何将搜索仅限于在UI中显示的对象的属性。但是在UI中，我只显示firstName和标记，所以当我在搜索框中编写lastName时，不应该显示任何内容。
浏览 1提问于2014-06-11得票数 0
回答已采纳
3回答
这个你好世故的例子怎么了？我只是试着用angularjs 1.5.5测试一些基本的东西。HTML： <h3>test 1:</h3> <h3>test 2:&l
浏览 4提问于2016-04-19得票数 5
回答已采纳
这是我的html<div ng-app="repeatdemo" ng-controller="rd"><div ng-repeat="x in names track by $index | filter : nameSearch"></div>
浏览 2提问于2015-04-19得票数 5
回答已采纳
2回答
我猜以下代码的输出应该是text 3和text 4，但没有得到正确的输出。密码有问题吗？HTML <h1>Hello {{name}}</h1>
<divng-repeat="t in getTimes(4) | limitTo:-2">text {{$index+1}}&l
浏览 3提问于2016-05-12得票数 1
回答已采纳
如何在Javascript中使用ng-repeat like for？<div ng-repeat="4">Text</div>
我想用ng-repeat迭代4次，但是我该怎么做呢？
浏览 48提问于2013-01-07得票数 88
回答已采纳
1回答
我被一些东西卡住了，我希望AngularJS能开箱即用，没有任何问题，但奇怪的是……$scope.data= [ ["val-21", "val-22", "val-23"]从这里，我尝试生成一个这样的表：<tr <em
浏览 0提问于2013-10-07得票数 6
回答已采纳
1回答
我在重复的项目数组上使用angularjs过滤器方法，并试图使用limitTo过滤器过滤数字。其结果是不应用于DOM中的重复。as d"> <div ng-repeat
浏览 5提问于2017-01-14得票数 1
回答已采纳
我知道您可以使用track by expr来指定如何在ng-repeat指令中键控项。从医生那里：
但这还不清楚。“收藏中的身份”是什么意思？
浏览 5提问于2014-10-30得票数 2
回答已采纳
我有这些专栏： 1 2 Column 2 </table>
<scri
浏览 1提问于2017-11-08得票数 0
我有一个带有重复项列表的数组，我需要让这些项具有唯一性的方法。我知道在angularjs.But的ng- items.Some中使用track by $index，我想使用没有trackby.as的数组，一个常规的ng-repeat。,{ name:'john',salary:'2000'},{ name:'john',salary:&#x
浏览 2提问于2016-04-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
