get data from json array to Table angularJS

Question

I have this json data:

     {
status: "SUCCESS",
data: [
{
FirstName: "Student ",
LastName: "1",
Id: 1,
ObjectState: 0
},
{
FirstName: "Student ",
LastName: "2",
Id: 2,
ObjectState: 0
    }
   }
  ]
}

I have tried like this,in my controller and in the view: app.js:

.controller("etudCtrl",["$scope", "$http", function ($scope, $http) {
        var i;

    $http({method: 'GET', url: 'MyURL'})
             .success(function (data) {

                for(i=0;i<data.length;i++){
                $scope.paged = data[i].data; // response data 
                console.log($scope.paged+" $scope.paged");
        }
            $scope.currentPageStores= $scope.paged;
            console.log($scope.currentPageStores+"  values");

              console.log("success");
    }).error(function (data, status, headers, config) {
              console.log("data error ...");
     });
 }])

Students.html:

<table>
<thead>...</thead>
 <tbody data-ng-controller="etudCtrl">
   <tr ng-repeat="store in currentPageStores" >    
  <td align="center">{{store.LastName}}</td>
  <td align="center">{{store.FirstName}}</td>
  </tr>
</tbody>
</table>

and this what I get in console:

values
success

I didn't get any data in console or in the Table :( any help please thanks

Update: I try with this:

 $rootScope.usersData = angular.toJson(data.data);
 console.log($rootScope.usersData+" my data");

I get all the data that I want to display in console

Update2:

 $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");
              }
.....
}

I get this in console:

{"status":"SUCCESS","data":[{"FirstName":"Student ","LastName":"1","Id":1,"ObjectState":0},{"FirstName":"Student ","LastName":"2","Id":2,"ObjectState":0}]}myData

can you show the log of whats being returned in success(function (data)----->whats the data here? if its object object use json stringify and log it. Can you — Sunil Lama
– Sunil Lama, Commented Mar 3, 2016 at 16:22
You had this set up properly in an earlier question that you must have deleted. Try $scope.currentPageStores = data.data and get rid of the loop — charlietfl
– charlietfl, Commented Mar 3, 2016 at 16:25
Seems to me it should be data.data[i] rather then data[i].data. At least according to the shown structure. In that case for cycle should be to data.data.length. — Ivo Peterka
– Ivo Peterka, Commented Mar 3, 2016 at 16:25
nono buddy, just the data from the success $http({method: 'GET', url: 'MyURL'}) .success(function (data) { console.log(data); whats in here --------------------> whats the data returned from the get. No need to loop around it just the plain data — Sunil Lama
– Sunil Lama, Commented Mar 3, 2016 at 16:35

Sunil Lama · Accepted Answer · 2016-03-03 16:54:18Z

1

No need to loop around in controller. Try the following:

Your Controller:

.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>

Here is a PLUNKER example of how you access when the data comes in an array as yours : http://plnkr.co/edit/Q9ewbH7XevsOQG0Yzv6B?p=preview

edited Mar 3, 2016 at 16:54

answered Mar 3, 2016 at 16:50

Sunil Lama

4,5391 gold badge21 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

12 Comments

charlietfl Over a year ago

Simpler to skip the stringify ...console.log accepts multiple arguments

Sunil Lama Over a year ago

just wanted to skip the part where the type of [object] [object] may come into action and i have to teach to stringify the result to OP. Thanks for the suggestion

charlietfl Over a year ago

It won't when you do console.log(" values", object);. Note difference between arguments and concatenation

Sunil Lama Over a year ago

i realized my mistake however if you just log the data.data it comes as an object and i wanted to show it as a string.

charlietfl Over a year ago

why...easier to work with objects in console. Can see hierarchy much easier

|

Dilanka Rathnayake · Accepted Answer · 2016-03-03 16:41:39Z

0

You can't print a object on console with another string.

use

console.log(JSON.stringify($scope.currentPageStores)+"  values");

or

console.log($scope.currentPageStores);

answered Mar 3, 2016 at 16:41

Dilanka Rathnayake

6622 gold badges11 silver badges32 bronze badges

2 Comments

Sunil Lama Over a year ago

mmm but the problem is that he is not able being able to display in the view as well. Plus i don't think your answer solves the issue.

charlietfl Over a year ago

This doesn't fix the problem in OP code and is really nothing more than a comment, not an answer

Collectives™ on Stack Overflow

get data from json array to Table angularJS

2 Answers 2

12 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

12 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related