convert js callback function to angular with promise .then

Question

how would I angularize this js function? I need it to use asynchronously. my understanding is .then and angular can do that.

    function showResult(result) {
        var lat = result.geometry.location.lat();
        var long = result.geometry.location.lng();
        $scope.vm.showroom.Longitude = long;
        $scope.vm.showroom.Latitude = lat;

    }

    function GetLatitudeLongitude(callback, address) {
        var address1 = address || '234 eisenhower avenue salt lake city';
        // Initialize the Geocoder
        var geocoder = new google.maps.Geocoder();
        if (geocoder) {
            geocoder.geocode({
                'address': address1
            }, function (results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    callback(results[0]);
                }
            });
        }        
    }

Check out the $q service in Angular docs.angularjs.org/api/ng/service/$q — LoganRx
– LoganRx, Commented Nov 23, 2016 at 3:05

Jaime · Accepted Answer · 2016-11-23 03:59:43Z

You can do something like this:

    function GetLatitudeLongitude(address) {
        address = address || '234 eisenhower avenue salt lake city';

        var deferred = $q.defer();
        // Initialize the Geocoder
        var geocoder = new google.maps.Geocoder();

        if (!geocoder) {
            deferred.reject('No geocoder available.');
            return deferred.promise;
        }

        geocoder.geocode({
            'address': address
        }, function (results, status) {
            if (status !== google.maps.GeocoderStatus.OK) {
                return deferred.reject('Geocoder status error.');
            }

            deferred.resolve(results[0]);
        });

        return deferred.promise;
    }

and then you can call that function like this:

GetLatitudeLongitude(address).then(function (result) {
    var lat = result.geometry.location.lat();
    var long = result.geometry.location.lng();
    $scope.vm.showroom.Longitude = long;
    $scope.vm.showroom.Latitude = lat;
});

Collectives™ on Stack Overflow

convert js callback function to angular with promise .then

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related