Отображать определенное значение от json-ответа, используя Angular

Question

Довольно новый для Angular, который использовался в ASP/MVC/C#/Jquery в течение многих лет, так что это немного кривая обучения. Однако у меня возникла проблема с чем-то, что, по моему мнению, должно быть простым, и на основе моих знаний из других фреймворков работает не так, как ожидалось.

Поэтому у меня есть запрос GET к контроллеру API, который возвращает данные, как это:

{"user":{"FirstName":"John","LastName":"Smith","EmailAddress":"user@example.com"}} 

Модуль:

(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; 
      }); 
    }); 
})(); 

Если я вывожу на мой взгляд {{userData}} я получаю строку данные отображаются, так как я понимаю, что область видимости присваивается указанной переменной.

Однако я не могу показать отдельные данные, например: FirstName.

Я пробовал ng-repeat на объекте userData, но это ничего не делает. Ive также пробовал различные вещи для отображения FirstName или EmailAddress, но не повезло. Я делаю что-то принципиально неправильно?

Answer 1

Если предположить, что на самом деле объект JSON: {{userData.user.FirstName}}

В противном случае:

$scope.userData = angular.fromJson(response.data)

И тогда вы можете использовать код, указанный выше.

Answer 2

Может быть ответом является текст типа контента, а не json, как ожидалось? Посмотрите на заголовки ответов.