Вложенные JSON из AWS Лямбда в Angular

Question

Я использую следующее для использования информации RESTful API в AngularJS:

angular.module('demo', [])
.controller('Hello', function($scope, $http) {
    $http.get('restapi address').
        then(function(response) {
            $scope.content = response.data;
            console.log(response)
        });
});

, и я использую данные ответа в своем индексе следующим образом (эта часть не работает см. ниже):

<div ng-controller="Hello">
        <p>The ID is {{content.course-content}}</p>
        <p>The content is {{content.course-id}}</p>
        <p>The content is {{content.course-title}}</p>
</div>

и вот ответ JSON от вызова API:

{
    "body": [{
        "course-content": "In order for you to be successful in the program",
        "course-id": "supervised-ml",
        "course-title": "Supervised ML"
    }]
}

Как отобразить содержание курса, идентификатор курса и курс заглавие? Я знаю, что они вложенные, но не уверен, как ссылаться на каждый элемент в контроллере для рендеринга.

Answer 1

Это должно сделать только небольшое исправление к интерполяциям в вашем HTML:

<div ng-controller="Hello">
    <p>The ID is {{content['course-content']}}</p>
    <p>The content is {{content['course-id']}}</p>
    <p>The content is {{content['course-title']}}</p>
</div>

Дефисы в именах ваших свойств должны быть заключены в строковые литералы, чтобы они правильно ссылались.