Javascript 如何在屏幕上显示json列表？

我在html中显示JSON元素时遇到问题

这里是JSON

peopleList: [
    {
        name: 'John',
        address: 'Street A, 143',
        sons: [{
            First: "Jack",
            Second: "Jane",
            Third: "Maria"
        }]
    }]

这是html

<div ng-repeat="people in peopleList">
    <span class="">name: {{people.name}}</span><br>
    <span class="">sons: {{people.sons}}</span>
</div>

但没有显示任何使用情况

 <span class="">name: {{name.name}}</span><br>
   <span class="">sons: {{name.sons.First}}</span>

name:{{name.name}}

儿子：{{name.sons.First}

我觉得您的ng repeat迭代有点可疑，请尝试下面的方法

<div  ng-repeat="name in names">
   <span class="">name: {{name.name}}</span><br>
   <span class="">sons: {{name.sons.First}}</span>

 </div>

名称：{{name.name}}

儿子：{{name.sons.First}

如果您想迭代子对象，那么它可能如下所示

<div  ng-repeat="name in names">
   <span class="">name: {{name.name}}</span><br>
   <span class="" ng-repeat="son in name.sons">
                 sons First: {{son.First}}
                 sons Second: {{son.Second}}                       
                 sons Third: {{son.Third}}                       
    </span>

 </div>

名称：{{name.name}}

儿子第一：{{儿子第一}
儿子二：{{儿子二}
儿子三：{{儿子三}

您正在将

名称

重复到

名称

，因此，如果您在

名称

中有一个json数组，并且如果您想渲染，根据您的示例，请在html中使用

名称.name

名称.sons

重复

{{people.sons[0].First}}

如果你只需要给大儿子看

---

这是因为您的

sons

属性是一个数组（这有点奇怪-这意味着您有第二组sons？：-）。

[0]

选择集合，而

选择。首先

选择

杰克

我认为它应该是

人名

的好点子！OP没有显示他使用的范围变量。我也这么想，但仅仅是一个迭代对象的想法可能会让他找到答案。我想应该是《人物》中的

name

@Satpal-谢谢！我认为OP似乎更担心sons部分（结果和试验更接近于此）谢谢，它帮助了很多：

{{people[0].sons[0].First}

什么取决于

ng repeat=“name in names”

和people？。或者，他们依赖吗？我已经尝试过了，但没有成功，也许我在语法上犯了一些错误，哈哈，好吧，我会尝试的，谢谢！

{{people.sons[0].First}}