Angular ng-repeat with nested json objects?

Question

I have a JSON object, represented as such:

 {
  \"orders\" : [
    {
      \"ordernum\" : \"PRAAA000000177800601\",
      \"buyer\" : \"Donna Heywood\"
              


        

Answer 1

Searching a lot for nice and simple solution for iterating dynamically. I came up with this

JAVASCRIPT (angular): a person is an example of nested object. the is_object function will be use in the HTML view.

$scope.person = {
    "name": "john",
    "properties": {
       "age": 25,
       "sex": "m"
    },
    "salary": 1000
}

// helper method to check if a field is a nested object
$scope.is_object = function (something) {
    return typeof (something) == 'object' ? true : false;
};

HTML: define a template for simple table. the 1st TD is the key which is displayed. another TD (2 or 3, but never both) will be show the value if its not an object (number / string), OR loop again if its an object.

    
 {{ k }} 
    
 {{ v }} 
    

        

            

                
 {{ k2 }} 
                
 {{ v2 }}