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

问题描述 投票:0回答:1

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

html angularjs spring frontend
1个回答
0
投票

你的json中的属性是firstnamelastname但是在你的html中,你显示的是first_namelast_name,你应该这样做:

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

工作jsfiddle

© www.soinside.com 2019 - 2024. All rights reserved.