Показать Пожалуйста, подождите или обрабатываете сообщение пользователю после заполнения формы в AngularJS

Question

Я создаю регистрационную форму в AngularJS, в которой, как только администратор заполняет форму и при отправке, я делаю две вещи: 1. Сохранение данных в БД. 2. Отправка электронного письма человеку с его именем пользователя и паролем. Поэтому при подаче заявки требуется некоторое время (около 5-7 секунд), чтобы опубликовать сообщение об успехе на экране. Поэтому я хочу показать некоторое сообщение, пока эти фоновые операции завершены. Мне нужна ваша помощь, поскольку я новичок в AngularJS.

createUserService.Register(obj, function(data) {
                        if (data.error) {
                            console.log("Check " + data.error);
                        } else {
                           alertify.alert("Successfully Registered");
                            $state.reload();
                        }

Это мой сервис:

function Register(obj, callback) {
            $http({
                method : 'POST',
                url : '/api/addUserOps',
                data : obj
            }).then(function(response) {
                callback(response.data);
            }, function(error) {
                callback(error);
            });
        }
                    });

Answer 1

Вы можете попробовать этот способ.

Сервисная функция

function Register(obj) {
  return $http({
            method : 'POST',
            url : '/api/addUserOps',
            data : obj
        });
}

Вызов вашей функции

    // Trying using https://github.com/cgross/angular-busy for showing a loader here.
   createUserService.Register(obj)
   .then(function(data){
     // stop your loader here with a success message.
   })
   .catch(function(error) {
    // your error message here. 
   })

Надеюсь, вы найдете это полезным.