html - 使用Angularjs spring获取数据但无法在html中显示数据

Question

实际上，获取数据但无法在 HTML 代码中显示。在 Web 浏览器控制台中显示 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>

数据库中一共有七条记录，它显示七个空格。在 HTML 中的 JSON 数据中不可见。

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