result scope function not displayed in another one angularjs

Question

I don't understand why I can not take the value from a function and to display it in another in angular. My code:

$scope.getLatitudeLongitude = function(address) {
            var geocoder = new google.maps.Geocoder();
            $scope.latLng = [];
            geocoder.geocode( { "address": address }, function(results, status) {
                if (status == google.maps.GeocoderStatus.OK && results.length > 0) {
                    var location = results[0].geometry.location,
                        lat      = location.lat(),
                        lng      = location.lng();
                    $scope.latLng.push(lat,lng);
                    return $scope.latLng;
                }

            });
};


$scope.save = function () {

            $scope.address = $scope.getAddress();
            $scope.getLatitudeLongitude($scope.address).then(function(){
                console.log($scope.latLng);
            })
 }

Any ideas?

$scope.getLatitudeLongitude() should return a promise. Check what it is returning now. It is returning an array. — Vivz
– Vivz, Commented Jul 26, 2017 at 12:12
looks like $scope.getLatitudeLongitude($scope.address) is normal function. No need of then to call in your code. — Arunkumar G
– Arunkumar G, Commented Jul 26, 2017 at 12:14

Jins Peter · Accepted Answer · 2017-07-26 12:37:21Z

1

Adding a promise to getLatitudeLogitude like this should work. Inject $q too in controller

$scope.getLatitudeLongitude = function(address) {
                var deferred = $q.defer();
                var geocoder = new google.maps.Geocoder();
                $scope.latLng = [];
                geocoder.geocode( { "address": address }, function(results, status) {
                    if (status == google.maps.GeocoderStatus.OK && results.length > 0) {
                        var location = results[0].geometry.location,
                            lat      = location.lat(),
                            lng      = location.lng();
                        $scope.latLng.push(lat,lng);
                       deferred.resolve($scope.latLng);
                    }
                    else{
                         // geocode error
                     deferred.reject();
                  }

                }
               return deferred.promise;

    };


$scope.save = function () {

           $scope.address = $scope.getAddress();
           $scope.getLatitudeLongitude($scope.address)
                .then(function(latLng){
                     console.log(latLng);
                },function(){
                     //log your error here;
                };
};

edited Jul 26, 2017 at 12:37

answered Jul 26, 2017 at 12:18

Jins Peter

2,4891 gold badge22 silver badges40 bronze badges

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

5 Comments

IleNea Over a year ago

it gives me error saying: Cannot read property 'then' of undefined

Jins Peter Over a year ago

did u click on the error and find out which line is the error

Jins Peter Over a year ago

@IleNea can you check now. the geocode success call back was not in the way I expected it to be

IleNea Over a year ago

Thank you very much, for look at this bug: if for example I write this: $scope.getLatitudeLongitude($scope.address).then(function(latLng){ console.log($scope.val = latLng[0]); }); console.log($scope.val); -> the $scope.val is undefined... why is happening?

Jins Peter Over a year ago

Let us continue this discussion in chat.

Lekens · Accepted Answer · 2017-07-26 12:44:21Z

    $scope.getLatitudeLongitude = function(address) {
                var geocoder = new google.maps.Geocoder();
                $scope.latLng = [];
                geocoder.geocode( { "address": address }, function(results, status) {
                    if (status === google.maps.GeocoderStatus.OK && results.length > 0) {
                        var location = results[0].geometry.location,
                            lat      = location.lat(),
                            lng      = location.lng();
                        $scope.latLng.push(lat,lng);
                        //return $scope.latLng; you don't need to return when the method execute the $scope will know and keep the value visible to $scope.save
                    }

                });
    };

    $scope.getAddress = function(){
//perform your scope.getAddress process here and after you get your address do this
$scope.addressRecieved = addressReturned;
      };

    $scope.save = function () {

              //  $scope.address = $scope.getAddress();
$scope.address = $scope.addressRecieved;
if($scope.address !== undefined) {               
   $scope.getLatitudeLongitude($scope.address);
}else{
console.log('Address not defined!');
}
         console.log($scope.latLng);           

     }

//trigger the $scope.getAddress first, you can even call the $scope.save inside the $scope.getAddress method, to ensure that the address is always defined else this programme won't work as expected. //You can even use callback e.g function(){$scope.getAddress, callback}

Collectives™ on Stack Overflow

result scope function not displayed in another one angularjs

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related