Angular.jsのService内で$httpで取得したデータをreturnで返す

Question

Angular初心者です。

angular.module('mainApp', [])
.service('example', function ($http) {
    this.methodA = function () {
        $http({
            method : 'GET',
            url : "http://hogehoge.com/fuga";
        }).success(function(data, status, headers, config) {
            alert(data);
        }).error(function(data, status, headers, config) {
            console.log(status);
        });
    }
})
.controller('hogeCtrl', ['$scope', 'example', function ($scope, example) {
    example.methodA();
}]);

こんな感じの処理を書いて、http通信の処理結果をalertで出力するというのは成功したのですが、
このdata内の文字列データをreturnで返してコントローラーに渡す、という方法がわかりません。。。

どのような形になるのでしょうか？
ちなみにAngular.jsのバージョンは1.4.5です。

Answer 1

angular.module('mainApp', [])
.service('example', function ($http) {
    this.methodA = function () {
        return $http({
            method : 'GET',
            url : 'http://hogehoge.com/fuga'
        }).success(function(data, status, headers, config) {
            // alert(data);
            console.log(status);
            return data;
        }).error(function(data, status, headers, config) {
            console.log(status);
        // }).then(function(data, status, headers, config) {
        //     console.log(status);
        //     return data;
        });
    }
})
.controller('hogeCtrl', ['$scope', 'example', function ($scope, example) {
    example.methodA().then(function(data) {
        $scope.data = data;
    });
}]);

あとは偉い人たちに任せる。