title: Access Nested JSON objects and their attributes Angularjs
body: <p>I am a new bie to angular and trying to learn it. 
  I am trying to display user data from a webservice that I received as response.
  here's the response</p>
  
  <pre><code>    {
      "Users": {
          "SearchTerm": "angularjs ra1",
          "ResultsPerPage": "20",
          "RecordStartNumber": "0",
          "TotalEstimatedResults": "6",
          "User": [{
              "WWID": "123456",
              "Email": "mary.p.wilson@yahoo.com",
              "BusinessTitle": "Project Manager",
              "Name": "Mary Wilson",
              "firstname": "Mary",
              "lastname": "Wilson",
              "idsid": "RAP"
          }, {
              "WWID": "1234567",
              "Email": "steve.r.smith@gmail.com",
              "BusinessTitle": "Quality Assurance",
              "Name": "Steve Smith",
              "firstname": "Steve",
              "lastname": "Smith",
              "idsid": "DRPRESTO"
          }, {
              "WWID": "12345678",
              "Email": "jon.jones@gmail.com",
              "BusinessTitle": "Chef",
              "Name": "Jon Jones",
              "firstname": "Jon",
              "lastname": "Jones",
              "idsid": "JJONES"
          }]
      }
  }
  </code></pre>
  
  <p>MyScript.js</p>
  
  <pre><code>    var Application = angular.module('TestModule', []);
  Application.controller('TestController', function ($scope,$http) {
      $scope.TestValue = "Hello World from Controller";
      $scope.Myfunc = function asdf() {
          $http.get('http://unifiedcollaborationprofile.gots.com/search/expert/data/v2/?apiKey=SECRET&amp;listFromPersonNumber=0&amp;numPeoplePerPage=20&amp;query=angularjs+ra1&amp;returnFriendlyResults=true').then(
              function (response) {
                  $scope.users = [];
                  angular.forEach(response.Users, function (value, key) {
                      $scope.users.push(value);
                  });
              });
      };
  });
  </code></pre>
  
  <p>Page.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="TestModule"&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;meta charset="utf-8" /&gt;
  &lt;/head&gt;
  {{2+3}}
  &lt;body&gt;
      &lt;div ng-controller="TestController"&gt;
          {{2+3}}
          {{TestValue}}
          &lt;input type="text" ng-model="TestValue" /&gt;
          &lt;input type="button" value="Click Me To Get All Users!!!!" ng-click="Myfunc()" /&gt;
          &lt;ul ng-repeat="k in users"&gt;
              &lt;li&gt;WWID:{{k.WWID}}  Email:{{k.Email}}  Name:{{k.Name}}  IDSID:{{k.idsid}}&lt;/li&gt;
          &lt;/ul&gt;
  
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  &lt;script src="scripts/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="scripts/MyScripts/MyScript.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>But nothing gets rendered on my Page. 
  I am not sure if I am rightly accessing the nested User object in Users Collection of JSON and its properties.
  what am I missing.</p>