ng-repeat 中的track by

<div  style="font-size:15px"ng-repeat="item in groups.items track by $index">
                <span>{{$index+1}}.</span>
                <span style="padding-left: 10px">{{item.name}}</span>
                <input ng-disabled = "item.firstSelected" style="vertical-align: middle;float:right;margin-right: 10px;" type="checkbox" ng-model="item.selected">
                </div>

界面如图

track by $index 根据遍历循环的索引 创建唯一键防止数组相同元素时报错

 我们见到最简单的例子是:

1
<div   ng-repeat= "link in links"  ></div>

  

如果item的值有重复的,比如links=["1","1","2","2","3"]

那么angularjs 会报错,不允许值重复,原因是angular需要一个唯一值可以与生成的dom绑定,以便追踪.

然后这时候,track by的用处就体现出来了。

1
<div ng-repeat= "(key,value) in links track by key" ></div>

  key值是唯一的,这样就解决了

 

转载于:https://www.cnblogs.com/RonnieQin/p/9647911.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值