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>

ngRepeat：dupes Repeater中的重复键

3 个答案: