title: Display specific value from json response using Angular
body: <p>Fairly new to Angular, been used to ASP/MVC/C#/Jquery for years so a bit of a learning curve. However, I'm having an issue with something I think should be simple, and based on my knowledge from other frameworks isn't working as expected.</p>
  
  <p>So I have a get request to an API controller which returns data like this:</p>
  
  <pre><code>{"user":{"FirstName":"John","LastName":"Smith","EmailAddress":"user@example.com"}}
  </code></pre>
  
  <p><strong>Module:</strong></p>
  
  <pre><code>(function() {
  "use strict";
  //Getting the existing module
  angular.module("appName")
      .controller("userDataController", function($scope, $http) {
          $http.get("/api/user")
              .then(function (response) {
                  //Example response 
                  //{"user":{"FirstName":"John","LastName":"Smith","EmailAddress":"user@example.com"}}
                  $scope.userData = response.data;
              });
      });
  })();
  </code></pre>
  
  <p>If I output in my view <code>{{userData}}</code> I get the string of data displayed, as i understand scope is given to the variable named.</p>
  
  <p>However, I cant seem to display the individual data, eg: FirstName.</p>
  
  <p>I have tried an ng-repeat on the userData object but that doesn't do anything., Ive also tried various things to display FirstName or EmailAddress but no luck. Am I doing something fundamentally wrong?</p>