Question

我是一个有角度的菜鸟，我对一个特定的问题非常沮丧。

我有一个$资源从服务器返回数据，其中包含键/值对，即detail.name，detail.email等。

我可以使用{{detail.name}}表示法在视图上访问此信息，但我无法在代码中访问它，这让我感到疯狂，因为我需要这些数据来处理。

如何在后端访问它？

这是生成数据的代码：

mydata = Appointment.get({id: $stateParams.id}, function(data){
    geocoder.geocode(data);
    $scope.detail = data;
});

在视图中我有以下内容：

<address class="text-left"> 
                {{detail.address_1}}</br>
                {{detail.city}}</br>
                {{detail.postcode}}</br>
                </address>
        </hr>       
        <p> {{detail.lat}}</p>
        <p> {{detail.lng}}</p>
        <p> {{center}}</p>

一切都好。

但是，如果我在$ resource回调中添加console.log($scope.detail.lat)，我将得到未定义。

以下是资源定义：

angular.module('MyApp')
.factory('Appointment', function($resource){
    return $resource('/api/admin/:id', { id: "@_id" }, {
         query: {method:'GET', isArray:true}, 
         update: { method:'PUT' }
    });
})

和地理编码器工厂，如果有人有兴趣：

angular.module('MyApp')
.factory('geocoder', ['$http','$state', function($http, $state){

var geocoder ={};

geocoder.geocode = function (formData){
    var myformData = {};
    var address = formData.address_1+', '+formData.city+', '+formData.postcode;

                var key = 'AIzaSyACVwB4i_6ujTrdjTMI-_tnsDrf6yOfssw';

                $http.get('https://maps.googleapis.com/maps/api/geocode/json?address='+address+'&key='+key).
                  success(function(results, status, headers, config) {
                    var results = results.results[0];
                    formData.lat = results.geometry.location.lat;
                    formData.lng = results.geometry.location.lng;
                        myformData = formData;
                    return myformData;          

                     // this callback will be called asynchronously
                    // when the response is available
                  }).
                  error(function(results, status, headers, config) {
                    // called asynchronously if an error occurs
                    // or server returns response with an error status.
                  });   
}


return geocoder;

}])

有人可以帮忙吗？

Answer 1

你可以利用$resource对象＆amp;的承诺回报。然后在控制器中利用这个承诺。

工厂

angular.module('MyApp')
.factory('Appointment', function($resource){
    return $resource('/api/admin/:id', { id: "@_id" }, {
         query: {method:'GET', isArray:true}, 
         update: { method:'PUT' }
    });
})

<强>控制器

mydata = Appointment.get({id: $stateParams.id}).$promise;
mydata.then(function(data){
    geocoder.geocode(data);
    $scope.detail = data;
});

Angular $资源数据可供查看，但不能在代码中查看

1 个答案: