Получить данные, но не удается отобразить данные в HTML, используя Angularjs spring

Question

На самом деле, получить данные, но не удается увидеть в коде HTML. В консоли веб-браузера отображаются данные json. но не видно в коде HTML. это мой угловой код JS

$scope.refresh = function(){
    fetchData();
};

$scope.fetchData = function(){
    $http.get('index').success(function(data){
         console.log(data);
        $scope.namesData = data;
    });
};

Это HTML-код

<tr data-ng-repeat="name in namesData">
   <td><span>{{name.first_name}}</span></td>
   <td><span>{{name.last_name}}</span></td>

Всего семь записей в базе данных, он отображает семь пустых мест. Не отображается в данных JSON в HTML.

Answer 1

Свойства в вашем json: firstname и lastname, но в вашем html вы отображаете first_name, last_name, вы должны сделать что-то вроде этого:

<tr data-ng-repeat="name in namesData">
   <td><span>{{name.firstname}}</span></td>
   <td><span>{{name.lastname}}</span></td>
</tr>

Рабочая jsfiddle