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

使用AngularJS Spring获取数据但无法以html显示数据

1 个答案: