I'm getting response from that function but unable to display it with angularjs

Question

It's my angularjs code and i'm getting response in console But Can't display it..

{{user.email}}


 var app = angular.module('myApp', []);
 app.controller('apppCtrl', function($scope,$http) {
  $scope.displayProfile=function(){
    $http.get("../api/user_data.php")
    .then(function(data){
        $scope.user=data
    })
     // alert("Angularjs call function on page load");
}

});

Output

{"data":[{"id":"10","name":"Imran","last_name":"","email":"[email protected]",
 "password":"pass","city":"","address":"[email protected]","gender":"","dob":"","img":""}],
"status":200,
"config":{"method":"GET","transformRequest":[null],"transformResponse":[null],
"jsonpCallbackParam":"callback",
    "url":"../api/user_data.php",
    "headers":{"Accept":"application/json, text/plain, */*"}},"statusText":"OK"}

Gaurav · Accepted Answer · 2017-03-06 05:41:59Z

1

You are assigning the data back in the wrong manner:

Note: The success callback is called by passing response object as the first argument and it contains a property called data that references the response data.

var app = angular.module('myApp', []);
app.controller('apppCtrl', function($scope,$http) {


$scope.displayProfile=function(){
    $http.get("../api/user_data.php")
    .then(function(data){
        $scope.user=data; // <-- This is the problem
     });
    }
  });

Do something like:

{{user[0].email}}

var app = angular.module('myApp', []);
app.controller('apppCtrl', function($scope,$http) {


$scope.displayProfile=function(){
    $http.get("../api/user_data.php")
    .then(function(response){
        $scope.user = response.data; // <-- Do like this.
    });
 }
});

edited Mar 6, 2017 at 5:41

answered Mar 6, 2017 at 5:34

Gaurav

1,23314 silver badges23 bronze badges

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

4 Comments

Oscar Reyes Over a year ago

the data property from the object in the response is an array, add a pointer to the element to actually display the data in the view

Gaurav Over a year ago

@nosthertus Yes you are right and I didn't know that because at the time when I was writing the answer OP hasn't mentioned the response data. I have now updated the answer.

user7631120 Over a year ago

Thanks It's Working Now

Gaurav Over a year ago

ImranIqbal, Glad to help! and @nosthertus Thanks for pointing out.

Collectives™ on Stack Overflow

I'm getting response from that function but unable to display it with angularjs

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related