时间戳

首页 > 解决方案 > 显示在 AngularJS 中填写表格后，请等待或处理给用户的消息

angularjs - 显示在 AngularJS 中填写表格后，请等待或处理给用户的消息

问题描述

我正在 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);
            });
        }
                    });

标签： angularjsasynchronous

解决方案

你可以试试这个方法。

服务功能

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. 
   })

希望您觉得这个有帮助。

推荐阅读