让浏览器等待angularjs中的api响应/ http调用响应

Question

I tried the $q service as follows but the browser still not waiting for the response. I already spent almost a day to figure out a solution, I also tried the $timeout .

login.controller("loginCtrl", ['$scope', '$rootScope', '$filter',   '$window', '$http', 'APIService', 'localStorageService', 'doAlert', '$translate', '$q', '$timeout',

  function ($scope, $rootScope, $filter, $window, $http, APIService, localStorageService, doAlert, $translate, $q, $timeout) {
    $scope.isLogOut = true;

    $(window).unload(function () {
        $rootScope.$broadcast('onUnload');
    });
    $scope.$on('onUnload', function (e) {
        var deferred = $q.defer();
        $http.get(url).
                success(function (data, status, headers, config) {
                    deferred.resolve(data);
                }).
                error(function (data, status, headers, config) {
                    deferred.reject(status);
                });
        return deferred.promise;
    });

Answer 1

Here is a sample where I use a callback to process data back from my utility

function get(url, callback, obj) {
    $http.get(url, obj)
    .then(function (response) {
        callback(response.data);
    }, function () {
        notification.error(PLEASE_CONTACT_SYS_ADMIN);
    });
}