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

Posted 2021-03-27

实际上，获取数据但无法在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数据中不可见。

答案

你的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