Angular-ui Bootstrap et $http

Bonjour, je souhaite faire une fenetre modal qui s'affiche pendant une requête AJAX.

Ce que je fais

Mon fichier JS:

app.controller('RegisterController',function($scope,$uibModal,$http, $httpParamSerializerJQLike) {
    $scope.submit = function() {

        $param = $httpParamSerializerJQLike({
            "login": $scope.id,
            "password": $scope.hei_id
        });

        $uibModal.open({
            templateUrl: 'RegisterModal.html',
            controller: 'RegisterModalController',
            backdrop: 'static',
            resolve: {
                promise: function () {
                    return $http.post('/api/register', $param,{
                        headers: {
                            'Content-Type': 'application/x-www-form-urlencoded'
                        }
                    })
                }
            }
        });
    };
});

app.controller('RegisterModalController',function($scope, $uibModalInstance) {
    $scope.requestFinished = false;
    $scope.requestSuccess = false;
    $scope.errorString = false;

    $scope.promise.then(function(response){
        $scope.requestSuccess = false;
        console.log(response);

    }, function(response){
        console.log(response);
    }).finally(function () {
        $scope.requestFinished = true;
    });

    $scope.goToLogin = function () {
        window.location = "/login";
    };

    $scope.close = function () {
        $uibModalInstance.close();
    };

});

Ce que je veux

Je voudrais que la fenêtre modal s'affiche en début de la requête.

Ce que j'obtiens

La requête se lance mais la modal ne s'affiche pas. Alors que si je ne lance pas la requête, la fenêtre s'affiche

merci