javascript - 我从那个函数得到响应，但无法用 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 对象作为第一个参数传递来调用成功回调，它包含一个名为 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
     });
    }
  });

做类似的事情:

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