使用ng-repeat -AngularJs在Object中显示一个Array

Question

下面是我的JSON对象，我想在父数组和子数组中显示名称。

   $scope.result= [
        {
            "id": 1,
            "name": "1002",

            "parentArray": [
                {
                    "id": 28,
                    "name": "PRODP1",
                    "shortCode": "PRODP1"               
                }
            ]        

        }

我想显示名称：1002 Parent_Name：PRODP1

我尝试了{{item.name}}，它只会显示1002.但我也需要显示parentArray的名称。

Answer 1

由于parentArray也是一个数组，你需要一个嵌套的ng-repeat。

如果这是一个大页面，那么这可能会导致性能问题。

<div ng-repeat="item in result">
     {{item.name}}
     <div ng-repeat="innerItem in item.parentArray">
           {{innerItem.name}}
     </div>
</div>

Answer 2

parentArray是一个... 数组，因此您需要使用索引访问它：

<div ng-repeat="item in result">
    Name: {{ item.name }} Parent_Name: {{ item.parentArray.length ? item.parentArray[0].name : '' }} 
</div>

假设parentArray中有一个对象。您可能需要对其进行迭代，或者您可能需要根据您的要求检查它是否存在。