Question

我有一点问题..我有这个JSON数据：

[
{
    "students": {
        "student_id": "2",
        "student_school": "1",
        "student_name": "Charles"            
    },
    "parents": [
        {
            "parent_id": "2",
            "parent_school": "1",
            "parent_name": "Tim"
        }
    ]
},
{
    "students": {
        "student_id": "3",
        "student_school": "1",
        "student_name": "Johnny"
    },
    "parents": [
        {
            "parent_id": "3",
            "parent_school": "1",
            "parent_name": "Kate"
        }
    ]
}
]

问题是我尝试通过angular调用我的html页面：

{{student.student.student_name}}

是的，它有效，但当我想打电话给父母的数据时，它不会......

{{student.parents.parent_name}}

Answer 1

简单地：

<div ng-repeat="student in data">
    {{student.students.student_name}}
    {{student.parents[0].parent_name}}
</div>

或者在范围内定义函数，例如getParentDescription而不是

<div ng-repeat="student in data">
    {{student.students.student_name}}
    {{getParentDescription(student)}}
</div>

Answer 2

因为父母是一个阵列。您必须指定索引（在您的情况下为0）。请在此处查看回复：How to get value from a nested JSON array in AngularJS template?

Answer 3

您无法直接从父母访问子范围。请参阅comment by Vittorio建议<ng-repeat="child in parent.children"/>也Binding to Primitives

Answer 4

我猜测学生来自ng-repeat，你可以在其中浏览数组中的每个对象。

仔细看看你的JSON。虽然＆＃34;学生＆＃34;：{}指向一个对象，＆＃34;父母＆＃34;：[]指向一个数组。修复你的JSON，它会没事的

Angularjs - 如何将JSON数据中的数组调用为html

4 个答案: