Невозможно получить доступ к значениям свойств JSON

Question

Это сбило меня с ума, и я знаю, что это должно быть что-то действительно просто, я пропал!

У меня есть сервис, который возвращает JSON объект:

[{"accountId":"0000004000006195","title":null,"firstName":"JOE","middleName":"BLOG","lastName":"BLOGGS","suffix":null,"primaryAddress":{"addressLine1":"TEST ADDRESS CLOSE","addressLine2":null,"addressLine3":"MY TOWN","town":"Washington","county":null,"country":"US","postcode":"PO9868"},"customerTelephones":[{"phoneNumber":"09876543455","type":"Alternate 1"},{"phoneNumber":"98654345676","type":"Alternate 2"}],"birthDate":108628400000}] 

Я пытаюсь отобразить свойства JSON, например FirstName с помощью:

app.controller('MainCtrl', function($scope) { 
    $scope.name = 'World'; 

    $scope.testJson = [{"accountId":"0000004000006195","title":null,"firstName":"JOE","middleName":"BLOG","lastName":"BLOGGS","suffix":null,"primaryAddress":{"addressLine1":"TEST ADDRESS CLOSE","addressLine2":null,"addressLine3":"MY TOWN","town":"Washington","county":null,"country":"US","postcode":"PO9868"},"customerTelephones":[{"phoneNumber":"09876543455","type":"Alternate 1"},{"phoneNumber":"98654345676","type":"Alternate 2"}],"birthDate":108628400000}] 
}); 

HTML:

<p>{{testJson}}</p> 

<p>{{testJson.firstName}}</p> 

Но по какой-то причине {{testJson.firstName}} отображается как пустое!

Вот plunker: http://plnkr.co/edit/VWJfcXTPaDut2jqB4W3o?p=preview

Любые идеи?

Answer 1

$scope.testJson является Array вам нужно получить элемент по индексу, а затем получить недвижимость по Object

{{testJson[0].firstName}} 

Example

Answer 2

Ваш testJson, кажется, быть массивом. Так что {{testJson[0].firstName}} должен сделать трюк!