使用 ng-repeat -AngularJs 在对象内显示一个数组答案

【问题标题】：Display an Array inside Object using ng-repeat -AngularJs使用 ng-repeat -AngularJs 在对象内显示一个数组
【发布时间】：2015-04-22 15:52:35
【问题描述】：

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

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

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

        }

我想显示 Name:1002 Parent_Name:PRODP1

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

【问题讨论】：

{{ item.parentArray[0].name }} ?
@fracz 当有多个 parentArray 时？
如果有多个父数组，您想如何处理.. 使用示例示例更新您的问题，说明该案例应如何显示

标签： javascript angularjs angularjs-ng-repeat

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

parentArray 是一个...数组，所以你需要使用索引来访问它：

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

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

【讨论】：