ngRepeat:重复中继器中的重复键

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>