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