一旦表单填写AngularJS，请等待或处理消息给用户

Question

我正在AngularJS中创建一个注册表单，一旦管理员填写了表单并在提交时，我将做两件事: 1.将数据保存到DB中。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. 
   })

希望你觉得这个有用。