Question

我试图从Web服务中获取数据，我必须接近第一个是从控制器调用数据，这里的工作是代码

$http({
method: 'POST',
url: 'https://url_json.php',
headers: {'Content-Type': 'application/x-www-form-urlencoded; charset-UTF-8'},
transformRequest: function(obj) {
    var str = [];
    for(var p in obj)
    str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
    return str.join("&");
},
  data: paramsVal
}).then(function(response){

$scope.myData = response.data.PlaceDetailsResponse.results[0].first_name;

console.log('my data',$scope.myData);
});

}

但我想在控制器之间共享数据，所以我读取服务是最好的选择，所以在我的services.js中我有：

.factory('userService', function($http){
return {
    getUsers: function(){
        return $http.post("https://url_json.php",
            {entry : 'carlo' ,
            type:'first_name',
            mySecretCode : 'e8a53543fab6f00ebec85c535e' 
        }).then(function(response){

            users = response;
            return users;
        });
    }
}

})

但是当我用var user = userService.getUsers();从控制器调用它时，在控制台中返回以下内容：

user is [object Object]

并检查chrome中的元素我只看到：

user is Promise {$$state: Object}

当我在Promise上向下钻取数据值=“”时，也是在chrome中。

任何人都可以查看我的服务，看看我做错了什么。

由于

Answer 1

.then返回一个承诺。你正在为explicit promise construction antipattern而堕落。

getUsers: function(){
    return $http.post("https://url_json.php",
        {entry : 'carlo' ,
        type:'first_name',
        mySecretCode : 'e8a53543fab6f00ebec85c535e' 
    })
}

以上就是你所需要的。然后，在你的控制器中：

userService.getUsers()
.then(function(response) {
  $scope.data = response.data; // or whatever
});

我建议查看John Papa AngularJS style guide。他有很多关于获取服务数据的信息，在控制器中使用它等等。

Answer 2

在你的控制器中，你必须通过解决来自getUsers的promise返回来分配用户变量，如下所示：

$scope.user = [];
$scope.error ="";

userService.getUsers().then(function(data){
  $scope.user = data
},function(err){
   $scope.error = err; 
});

希望这有帮助。

Angularjs Ionic JSON对象不返回数据

2 个答案: