如何在前端使用AngularJS在JSON文件中重新创建嵌套属性

时间:2016-09-26 16:56:21

标签: angularjs json nested

我正在使用angularJS在前端显示我从服务器获得的数据,如下所示:

<h1>Name: {{vm.contact.firstName}} </h1>
<h2>Company : {{vm.contact.organizationName }} /h2>

我的问题是我从服务器获取了JSOn文件中的信息,结构如下:

[
  {
    "id": "dcbb9daf-b40f-4c59-84a4-804ebb34159c",
    "title": "Mr.",
    "jobTitle": "Recruiting Manager",
    "firstName": "pablo",
    "lastName": "Ordoñez",
    "organizationId": "2d6a6bb2-0c09-48f0-9f97-7463fada1e01",
    "standard": {
              "id": "2d6a6bb2-0c09-48f0-9f97-7463fada1e01",
               "dateCreated": "2015-12-09T02:46:40",
               "dateUpdated": "2016-07-28T19:30:14",
               "hidden": false,
               "organizationName": "Madrider",
                "contacts": []
               }
  }
]

&#34;标准&#34;下的数据属于ID显示为organizationID的组织。

我如何进入第二级?

最终我会得到第三级,因为你看到最后一个itelm是一个空数组联系人[]持有该公司的同事。

如何达到连续的嵌套级别?

修改

我的观点.Html看起来像:

<div class="legend">{{ vm.contact.standard.organizationName}} - {{vm.contact.length}} contacts</div>

<h1>Name: {{vm.contact.firstName}} </h1>
<h2>Company : {{  vm.contact.standard.organizationName }} /h2>

浏览器中的结果如下: 请注意,它识别contact.length = 3个联系人

enter image description here

0 个答案:

没有答案