Angular $ http函数返回undefined

Question

我正在尝试调用函数，但它返回undefines。 但是，日志显示正确的预期数据。

app.controller('checkoutCtrl', function($scope, $http, $rootScope){

    $scope.finalizeOrder = function(){
        if($scope.ordersubmitform.$valid){
           //check if postal is valid
            alert($scope.thepostal($scope.customer.postal));
        } 
    }


    $scope.thepostal = function(postal){
        $http({
            method: 'GET',
            url: baseurl + 'api/verify_postal/' + postal,
                headers: {'Content-Type': 'application/x-www-form-urlencoded'}
            }).then(function successCallback(response) {
                console.log(response.data.postal);
                return(response.data.postal);
            }, function errorCallback(response) {

            });
    }
});

警报只会弹出“未定义”。 但是，console.log会记录预期的答案。

有什么想法吗？

我不确定在第一次调用服务/工厂时是否使用服务/工厂是合适的，即使我尝试使用不同的邮政编码，我也只能获得实际被调用函数的参考。对不起，如果我把整个单身人士的想法弄错了。