Javascript 从json数组获取数据到表angularJS
我有以下json数据:Javascript 从json数组获取数据到表angularJS,javascript,angularjs,json,Javascript,Angularjs,Json,我有以下json数据: { status: "SUCCESS", data: [ { FirstName: "Student ", LastName: "1", Id: 1, ObjectState: 0 }, { FirstName: "Student ", LastName: "2", Id: 2, ObjectState: 0 } } ] } 在我的控制器和视图中,我尝试过这样做: app.js: 我在控制台或表中未获得任何数据:( 需要帮忙吗 谢谢 更新:
{
status: "SUCCESS",
data: [
{
FirstName: "Student ",
LastName: "1",
Id: 1,
ObjectState: 0
},
{
FirstName: "Student ",
LastName: "2",
Id: 2,
ObjectState: 0
}
}
]
}
在我的控制器和视图中,我尝试过这样做:
app.js:
我在控制台或表中未获得任何数据:(
需要帮忙吗
谢谢
更新:
我试着这样做:
$rootScope.usersData = angular.toJson(data.data);
console.log($rootScope.usersData+" my data");
我得到了我想在控制台中显示的所有数据
更新2:
$http({method: 'GET', url: 'MyURL'})
.success(function (data) {
console.log(JSON.stringify(data)+"myData");
for(i=0;i<data.length;i++){
$scope.paged = data.data[i]; // response data
console.log($scope.paged+" $scope.paged");
}
.....
}
不能在控制台上用另一个字符串打印对象 使用 或
无需在控制器中循环。请尝试以下操作: 您的控制器:
.controller("etudCtrl",["$scope", "$http", function ($scope, $http) {
$http({method: 'GET', url: 'MyURL'})
.success(function (data) {
$scope.currentPageStores= data.data;
console.log($scope.currentPageStores+ " values");
console.log("success");
}).error(function (data, status, headers, config) {
console.log("data error ...");
});
}])
Your student.html
<table>
<thead>...</thead>
<tbody data-ng-controller="etudCtrl">
<tr ng-repeat="store in currentPageStores track by $index" >
<td align="center">{{store.LastName}}</td>
<td align="center">{{store.FirstName}}</td>
</tbody>
</table>
...
{{store.LastName}
{{store.FirstName}
以下是一个PLUNKER示例,说明当数据以数组形式出现时如何访问:能否显示成功返回的内容的日志(函数(数据))----->这里的数据是什么?如果它的对象使用json字符串化并记录它。你能在前面的问题中正确设置它吗?你必须删除它。尝试
$scope.currentPageStores=data.data
并摆脱循环你没有写tr的结束标记。在我看来,它应该是data.data[i]而不是data[i].data。至少根据显示的结构。在这种情况下,for cycle应该是data.data.length.nono buddy,只是来自success$http({method'GET',url'MyURL'})的数据。success(函数(数据){console.log(数据);What in here----------------->get返回的数据是什么。不需要循环,只需简单的数据mmm,但问题是他无法在视图中显示。此外,我认为您的答案无法解决问题。这并不能解决操作代码中的问题,实际上只不过是一个注释,而不是answeSampler跳过stringify…console.log接受多个参数只是想跳过[object][object]类型可能起作用的部分,我必须将结果设置为stringify to OP。感谢您的建议当您执行console.log(“value”,object)时,它不会
。注意参数和连接之间的区别我意识到我的错误,但是如果您只记录数据。数据是作为对象提供的,我想将其显示为字符串。为什么…在控制台中使用对象更容易。可以更容易地查看层次结构吗
$http({method: 'GET', url: 'MyURL'})
.success(function (data) {
console.log(JSON.stringify(data)+"myData");
for(i=0;i<data.length;i++){
$scope.paged = data.data[i]; // response data
console.log($scope.paged+" $scope.paged");
}
.....
}
{"status":"SUCCESS","data":[{"FirstName":"Student ","LastName":"1","Id":1,"ObjectState":0},{"FirstName":"Student ","LastName":"2","Id":2,"ObjectState":0}]}myData
console.log(JSON.stringify($scope.currentPageStores)+" values");
console.log($scope.currentPageStores);
.controller("etudCtrl",["$scope", "$http", function ($scope, $http) {
$http({method: 'GET', url: 'MyURL'})
.success(function (data) {
$scope.currentPageStores= data.data;
console.log($scope.currentPageStores+ " values");
console.log("success");
}).error(function (data, status, headers, config) {
console.log("data error ...");
});
}])
<table>
<thead>...</thead>
<tbody data-ng-controller="etudCtrl">
<tr ng-repeat="store in currentPageStores track by $index" >
<td align="center">{{store.LastName}}</td>
<td align="center">{{store.FirstName}}</td>
</tbody>
</table>