title: AngularJS insert data in nested array and sorting with a specific nested array object
body: <p>I'm a newbie in AngularJS and I want to have a JSON-like nested array in my $scope.tabledata. But everytime I click the add button, nothing happens :( Your ideas will be highly appreciated.</p>
  
  <p>Here's my plunker:</p>
  
  <p><a href="http://plnkr.co/edit/GdoaYI" rel="nofollow">http://plnkr.co/edit/GdoaYI</a></p>
  
  <pre><code>//Array I want to Achieve
  
  var SampleDataToProduce =  {
                       "Continent":"Asia",
                       "ContinentId":"ContId1",
                       "Countries": {
                                    "Japan":
                                        [
                                        {
                                        "Id": 3,
                                          "ColumnIndex": 3,
                                          "ColumnName":"Tokyo",
                                          "Interests":{
                                                        "Music":["JRock","JPop"]
                                                      }
                                        },
                                {
                                "Id": 4,
                                          "ColumnIndex":2,
                                          "DisplayText":"Comment",
                                          "ColumnName": "Osaka",
                                          "Interests":"Music","Anime":{} 
                                }
                                          ]
                                    }
                              }  
  </code></pre>