如何使用NG重复检索嵌套的JSON对象数据 [英] How to retrieve data from nested json object using ng-repeat

问题描述

我试图用NG-重复检索下面提到的JSON对象EmpName。

I'm trying to retrieve the EmpName from the below mentioned JSON object using ng-repeat.

我的js文件：

$scope.items = [];
        $scope.allItems = [{

        "categoryId": 1,
        "categoryName": "abc",
        "Employee": [{
            "EmpId": 1,
            "EmpName": "Raj",
            "EmpJob": "Accounts",
            "DataList": [{
                "year": "Oct-2015",
                "salary": "244"
            },
            {
                "year": "Jul-2015",
                "salary": "100"
            },
            {
                "year": "Jun-2015",
                "salary": "117"
            }]
        }]
    },
    {
        "categoryId": 2,
        "categoryName": "xyz",
        "Employee": [{
            "EmpId": 2,
            "EmpNameName": "Sita",
            "EmpJob": "Software Engineer",
            "DataList": [{
                "year": "Oct-2015",
                "salary": "244"
            },
            {
                "year": "Jul-2015",
                "salary": "100"
            },
            {
                "year": "Jun-2015",
                "salary": "117"
            }]
        }]
    }]
}]

我的HTML：

<div id="Div1" ng-repeat="item in allItems">
  <div id="Div2" >
     <div id="Div3">
       <font color="white">{{item.EmpName}}</font>
     </div>
  </div>
</div>

下面我推到allItems项目array.Then我如何从项目获取EmpName array.Can请人帮我对这个问题...

Here I'm pushing allItems into items array.Then how can I retrieve EmpName from items array.Can anyone please help me out regarding this issue ...

推荐答案

您可以这样做
每个项目包含只有一个Employee对象数组员工。所以，你可以从员工列表获得第一个项目，然后得到它的EmplyeeName

YOu can do something like Every item contains Employee Array with only one Employee object. So you can get first item from Employee list and then get it's EmplyeeName

 <div id="Div1" ng-repeat="item in items" >
     <div id="Div2" >
          <div id="Div3"><font color="white">{{item.Employee[0].EmpName}}</font>                  </div>
  </div>

这篇关于如何使用NG重复检索嵌套的JSON对象数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！