AngularJs-嵌套ng重复

我试图迭代给定的JSONObject，其中包含JSONArray并以html显示。下面是一个例子：

jsonData:

{
    "category1": [
        {
            "name": "Some title",
            "desc": "And its description"
        },
        {
            "name": "Another title here",
            "desc": "Also description here"
        }
    ],
    "category2": [
        {
            "name": "Dummy name",
            "desc": "Lorem ipsum etc."
        }
    ],
    "category3": [
        {
            "name": "Blah",  
            "desc": "Blah blah"
        }
    ]
}

<div ng-repeat="category in vm.jsonData track by $index">
    <h3>{{ category }}</h3>
    <ul>
        <li ng-repeat="item in category">
            <span><b>{{ item.name }}</b></span><br/>
            <span>{{ item.desc }}</span>
        </li>
    </ul>
</div>

Html:

{
    "category1": [
        {
            "name": "Some title",
            "desc": "And its description"
        },
        {
            "name": "Another title here",
            "desc": "Also description here"
        }
    ],
    "category2": [
        {
            "name": "Dummy name",
            "desc": "Lorem ipsum etc."
        }
    ],
    "category3": [
        {
            "name": "Blah",  
            "desc": "Blah blah"
        }
    ]
}

<div ng-repeat="category in vm.jsonData track by $index">
    <h3>{{ category }}</h3>
    <ul>
        <li ng-repeat="item in category">
            <span><b>{{ item.name }}</b></span><br/>
            <span>{{ item.desc }}</span>
        </li>
    </ul>
</div>

{{category}}


{{item.name}}

{{item.desc}}

---

到目前为止，我可以正确地获得

name

和

desc

，但我错过了html中的

category

。任何帮助都将不胜感激。

您需要访问元素的键，在您的案例中，该元素是“category1”

您可以使用以下语法来完成此操作

ng-repeat="(key, value) in data"

---

您需要访问元素的键，该元素在您的案例中是“category1”

您可以使用以下语法来完成此操作

ng-repeat="(key, value) in data"

---

您需要ng重复作为

演示

var-app=angular.module（'testApp'，[]）；
app.controller（'testCtrl'，function（）{
this.jsonData={
“类别1”：[
{
“姓名”：“某个头衔”，
“描述”：“及其描述”
},
{
“姓名”：“这里还有一个头衔”，
“描述”：“此处还有描述”
}
],
“类别2”：[
{
“名称”：“虚拟名称”，
“描述”：“Lorem ipsum等”
}
],
“类别3”：[
{
“名字”：“废话”，
“描述”：“诸如此类”
}
]
};
vm=这个；
});


{{key}}

{{item.name}
{{item.desc}}


您需要ng重复作为

演示
var-app=angular.module（'testApp'，[]）；
app.controller（'testCtrl'，function（）{
this.jsonData={
“类别1”：[
{
“姓名”：“某个头衔”，
“描述”：“及其描述”
},
{
“姓名”：“这里还有一个头衔”，
“描述”：“此处还有描述”
}
],
“类别2”：[
{
“名称”：“虚拟名称”，
“描述”：“Lorem ipsum等”
}
],
“类别3”：[
{
“名字”：“废话”，
“描述”：“诸如此类”
}
]
};
vm=这个；
});


{{key}}

{{item.name}
{{item.desc}}


什么是
{{category}
？？我刚搬进来Edit@RameshRajendran谢谢：）这就是为什么代码检查很重要的原因：P@Sajeetharan谢谢，vm.jsonData中使用
（key，value）的方法帮助解决了这个问题。
{{category}
有什么用？？我刚搬进来Edit@RameshRajendran谢谢：）这就是为什么代码检查很重要的原因：P@Sajeetharan谢谢，vm.jsonData中使用
（key，value）的方法帮助解决了这个问题。谢谢。vm.jsonData中使用（key，value）的方法有助于解决问题problem@Dozent欢迎你，汉克斯。vm.jsonData中使用（key，value）的方法有助于解决问题problem@Dozent欢迎