我从两个月前开始使用Angular,因此如果出现重复问题,请提前抱歉。

虽然,我发现了类似的问题AngularJS Promises $q.all and SignalR,但我不知道如何在我的代码中适应它。

我通过signalR从服务器获取数据,并且只要不从服务器获取所有数据,就想显示登录页面。我尝试用$ q.all来做到这一点,但出现错误。波纹管是我的代码和错误。

这是我的服务:

var menuItemshub = new Hub(‘menuItemsHub’, {
    rootPath: $rootScope.defaultRootPath,
    //server side methods
    methods: [‘getMenuItems’],
    queryParams: {
        ‘token’: $rootScope.loggedInUser.accessToken,
    },
    //handle connection error
    errorHandler: function (error) {
        console.error(error);
    }
});

var countrieshub = new Hub(‘countriesHub’, {
    rootPath: $rootScope.defaultRootPath,
    //server side methods
    methods: [‘getCountries’],
    queryParams: {
        ‘token’: $rootScope.loggedInUser.accessToken,
    },
    //handle connection error
    errorHandler: function (error) {
        console.error(error);
    }
});

var menuItemshubInitDone = function () {
    return menuItemshub.promise.done();
};

var countrieshubInitDone = function () {
    return countrieshub.promise.done();
};

var getMenuItems = function () {
    return menuItemshub.getMenuItems();
};

var getCountries = function () {
    return countrieshub.getCountries();
};


这是我的控制器

configurationService.menuItemshubInitDone().then(function () {
    configurationService.getMenuItems().then(function (response) {
        // Success
        $rootScope.menuItems = response.MenuItems;
    }, function (error) {
    });
});

configurationService.countrieshubInitDone().then(function () {
    configurationService.getCountries().then(function (response) {
        // Success
        $rootScope.countries = response.Countries;
        $rootScope.selectedAction = $rootScope.countries;
        $rootScope.setAction($rootScope.selectedAction[0]);

    }, function (error) {
    });
});


我想做类似的事情:

var all = $q.all([configurationService.getCountries(),
    configurationService.getMenuItems()]);

all.then(function () {
    $rootScope.showLandingPage = false;
});


我收到以下错误SignalR:连接尚未完全初始化。连接开始后,使用.start().done().start().fail()运行逻辑。我尝试过

$q.when([configurationService.menuItemshubInitDone()]);


然后调用$q.all,但我再次遇到相同的错误。

几天以来,我一直在尝试通过谷歌搜索找到解决方案,但是我不知道该怎么做。

预先感谢您的帮助。

最佳答案

我发现我做错了。这是现在可以正常工作的代码,以防万一有人像我一样被卡住:

$scope.userConfigurations = function () {

        var all = $q.all([getMenuItems, getCountries]);
        all.then(function () {
            $rootScope.showLandingPage = false;
        });

        var getMenuItems = configurationService.menuItemshubInitDone().then(function () {
            configurationService.getMenuItems().then(function (response) {
                // Success
                $rootScope.menuItems = response.MenuItems;
            }, function (error) {
            });
        });

        var getCountries = configurationService.countrieshubInitDone().then(function () {
            configurationService.getCountries().then(function (response) {
                // Success
                $rootScope.countries = response.Countries;
                $rootScope.selectedAction = $rootScope.countries;
                $rootScope.setAction($rootScope.selectedAction[0]);

            }, function (error) {
            });
        });

07-24 09:44
查看更多