ngRepeat：dupes中继器中的重复密钥

Question

<li ng-repeat="(key,val) in names" >
{{val.name}}
< /li>

在使用ng-repeat时获取值，当我尝试刷新值时无法插入值，并且在资源中遇到以下错误。

[{"name":"a","$$hashKey":"object:3"},{"name":"b","$$hashKey":"object:4"},{"name":"c","$$hashKey":"object:5"},{"name":"c","$$hashKey":"object:6"},{"name":"c","$$hashKey":"object:12"},{"name":"c","$$hashKey":"object:14"},{"name":"c"}]

Answer 1

尝试这个

<form>
<input type="text" ng-model="name"/>
<button ng-click="pushData()">Click me</button>
</form>
<div ng-repeat="values in names track by $index">
{{values.name}}
</div>

控制者

$scope.names = [];
$scope.pushData = function(){
$scope.names.push({'name':$scope.name});    
}

Answer 2

您正在告诉ngRepeat遍历对象的键，但是您拥有的是列表/数组。 因此，更改为：

<div ng-repeat="val in names">
    {{val.name}}
</div>

Answer 3

您应该按商品名称对商品进行分组，不要重复，请尝试使用此商品

<li ng-repeat="val in names | groupBy: val.name" >
  {{val.name}}
< /li>