我越來越從功能響應，但無法與angularjs

Question

這是我的angularjs代碼和我得到的控制檯響應，但無法顯示它來顯示它..

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

}); 

輸出

{"data":[{"id":"10","name":"Imran","last_name":"","email":"imran1@gmail.com", 
"password":"pass","city":"","address":"imran@gmail.com","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"} 

Answer 1

你在錯誤的方式來分配數據傳回：

注：成功回調是通過傳遞response對象作爲第一個參數調用，它含有一種叫0屬性引用響應數據的。

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 
    }); 
    } 
    }); 

做類似：

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