我想要实现的是一个简单的迭代,ng-repeat
超过我的嵌套对象,看起来像这样
$scope.data = {
name: "",
id: "",
nestedObj: {
prop1: "string",
prop2: false,
prop3: ""
}
};
在我看来,我试试这个
<div ng-repeat="(key, value) in data.nestedObj">
{{key}} : {{value}}
</div>
&#13;
...但我经常遇到控制台错误:
Error: Duplicates in a repeater are not allowed. Repeater: (key, value) in data.type key: string
我错过了什么或者我做错了什么?
所以在Sajeetharan的答案和Slava Utesinov的评论之后,我设置了Plunkr来尝试一下。令人惊讶的是,答案是,如果一个对象有多个&#34;空的&#34;那么你显然不能迭代它。内部的key(空字符串作为值)。
似乎你不能两次使用相同的字符串值...上帝我喜欢Angular:)
提到Sajeetharan和Slava Utesinov,track by $index
为我解决了
答案 0 :(得分:0)
你的对象中缺少一个支架。
试试这个:
$scope.data = {
name: "",
id: "",
nestedObj: {
prop1: "string",
prop2: false,
prop2: ""
}
};