对象错误中的Angularjs ng-repeat对象:转发器中的重复项

时间:2018-02-02 13:02:44

标签: javascript angularjs duplicates angularjs-ng-repeat

我想要实现的是一个简单的迭代,ng-repeat超过我的嵌套对象,看起来像这样

$scope.data = {
  name: "",
  id: "",
  nestedObj: {
     prop1: "string",
     prop2: false,
     prop3: ""
  }
}; 

在我看来,我试试这个



<div ng-repeat="(key, value) in data.nestedObj">
	{{key}} : {{value}}
</div>
&#13;
&#13;
&#13;

...但我经常遇到控制台错误:

Error: Duplicates in a repeater are not allowed. Repeater: (key, value) in data.type key: string

我错过了什么或者我做错了什么?

UPDATE!

所以在Sajeetharan的答案和Slava Utesinov的评论之后,我设置了Plunkr来尝试一下。令人惊讶的是,答案是,如果一个对象有多个&#34;空的&#34;那么你显然不能迭代它。内部的key(空字符串作为值)。

更新2

似乎你不能两次使用相同的字符串值...上帝我喜欢Angular:)

结局更新

提到SajeetharanSlava Utesinovtrack by $index为我解决了

1 个答案:

答案 0 :(得分:0)

你的对象中缺少一个支架。

试试这个:

$scope.data = {
  name: "",
  id: "",
  nestedObj: {
     prop1: "string",
     prop2: false,
     prop2: ""
  } 
};