Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ng repeat-AngularJs显示对象内部的数组_Javascript_Angularjs_Angularjs Ng Repeat - Fatal编程技术网

Javascript 使用ng repeat-AngularJs显示对象内部的数组

Javascript 使用ng repeat-AngularJs显示对象内部的数组,javascript,angularjs,angularjs-ng-repeat,Javascript,Angularjs,Angularjs Ng Repeat,下面是我的JSON对象,我想在父数组和子数组中显示它的名称 $scope.result= [ { "id": 1, "name": "1002", "parentArray": [ { "id": 28, "name": "PRODP1", "shor

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

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

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

        }
我想显示名称:1002父\u名称:PRODP1


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

parentArray
是一个…数组,因此您需要使用索引访问它:

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

名称:{{item.Name}}Parent_名称:{{{item.parentArray.length?item.parentArray[0]。名称:'''}}

这是在假定
parentArray
中有一个对象的情况下进行的。您可能需要迭代它,或者您可能需要检查它是否存在,具体取决于您的需求。

由于parentArray也是一个数组,您将需要一个嵌套的
ng repeat

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

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

{{item.name}
{{innerItem.name}

{{item.parentArray[0].name}}
?@fracz当存在多个parentArray时?如果存在多个父数组,您希望如何处理。。用该案例应如何显示的示例更新您的问题