递归HTTP请求javascript

我正在使用AngularJS制作一个单页应用程序。我想不断有一个待处理的http请求到服务器，所以一旦服务器响应，发送另一个http请求。我编写了递归函数stateCheck()，但是我的代码被卡在函数内部，并且从不返回工厂，也从不更新视图。

我如何让这些http请求在我的应用程序中不断挂起，而不会陷入无限循环?

define([
    'angular',
    'app',
    'angularRoute',
    ], function (angular, app) {
        'use strict';
        app.config(function ( $httpProvider) {        
            /* Angular automatically adds this header to the request,
               preventing us from being able to make requests to the server on another port */
            delete $httpProvider.defaults.headers.common['X-Requested-With'];
        }).factory('equipmentService', ['$http', '$rootScope', function($http, $rootScope) {
            var factory = {
                getEquipmentState: $http.get($rootScope.backendServer+'/equipment/state'),
                setEquipmentState: function(state){
                    this.equipmentState = state.state;
                    console.log('equipment state', this.equipmentState);
                    redirectState(this.equipmentState);
                }
            }
            var redirectState = function (state) {
                switch(state) {
                    case 'Active':
                        $location.path('/active');
                        break;
                    case 'Review':
                        $location.path('/review');
                        break;
                    default:
                        // don't change views
                }
            }
            function stateCheck () {
                factory.getEquipmentState
                .then(function (data) {
                    factory.setEquipmentState(data.data);
                })
                .then(stateCheck);
            }
            stateCheck();
            return factory;
        }]);
});