ng-repeat for displaying nested object from a list of Objects

Question

I have List of objects as follow where I have objects nested inside object. I want to display information using ng-repeat but its not working.

<div ng-repeat="x in customer">

                      {{x.name}}


                </div>

AngularJs code

var myapp=angular.module('myapp',[]);
myapp.controller('MyController',['$scope',function($scope){
            $scope.val="this is test";
            $scope.customer=
                [1:{
                      name:{
                      firstname:"",
                      lastName:""
                    },
               address:{
                        city:"city",
                        country:"country",
                        zipCode:65775
            }
             },
          //other customer data
    ];

        });

for simple object list ng-repeat works well . I am not able to work with complex object where I am getting wrong?.

Chrillewoodz · Accepted Answer · 2015-09-08 10:50:07Z

1

Do:

<div ng-repeat="x in customer">Hi, {{x.name.firstname}} {{x.name.lastname}}!</div>

If you just do

{{x.name}}

You won't actually output anything, or it will say [object Object] since the value will be [object Object] and not any of the properties inside the object.

answered Sep 8, 2015 at 10:50

Chrillewoodz

28.4k23 gold badges102 silver badges189 bronze badges

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

Comments

Ankit K · Accepted Answer · 2015-09-08 10:53:01Z

1

 <div ng-repeat="x in customer">
                          <h3>{{x.name.firstname}} {{x.name.lastname}}<h3>
                          <p>{{x.address.city}} {{x.address.country}}</p>
   </div>

edited Sep 8, 2015 at 10:53

answered Sep 8, 2015 at 10:51

Ankit K

1,3261 gold badge11 silver badges24 bronze badges

1 Comment

Chrillewoodz Over a year ago

This will output another div with information for every property in the nested object.. EDIT: Now it's correct.

Collectives™ on Stack Overflow

ng-repeat for displaying nested object from a list of Objects

2 Answers 2

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Related