Display an Array inside Object using ng-repeat -AngularJs

Question

Below is my JSON object which I would like to display the name in both the parent and child array.

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

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

        }

I want to display Name:1002 Parent_Name:PRODP1

I tried {{item.name}} which will only display 1002.But I need to display the name of parentArray as well.

how do you want to handle if more than one parent arrays.. update your question with sample example of how should that case be displayed — harishr
– harishr, Commented Apr 22, 2015 at 7:57

Amir Popovich · Accepted Answer · 2015-04-22 07:51:38Z

5

Since the parentArray is also an array your going to need a nested ng-repeat.

If this is a large page then this may cause a performance issue.

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

answered Apr 22, 2015 at 7:51

Amir Popovich

30.1k9 gold badges58 silver badges102 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

CodingIntrigue · Accepted Answer · 2015-04-22 07:51:31Z

0

parentArray is an...array, so you need to access it using an index:

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

That's under the assumption that there is one object in parentArray. You might need to iterate it, or you might need to check to see if it exists depending on your requirements.

answered Apr 22, 2015 at 7:51

CodingIntrigue

79k32 gold badges176 silver badges178 bronze badges

Collectives™ on Stack Overflow

Display an Array inside Object using ng-repeat -AngularJs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related