0

我是 Angular 的新手,我正在努力了解我应该如何创建一个特定的承诺。我也在使用打字稿进行编码。

我需要调用 Web 服务来进行身份验证,这必须分两步完成。

步骤1

请求身份验证密钥

第2步

使用身份验证密钥处理登录详细信息并返回服务以检索已登录的用户或错误(如果不正确)

所以我创建了一个名为 AuthenticationService 的角度服务,如下所示(这当然不起作用)

  export class Authentication
    {
        $inject: string[] = ['$http'];

        public Authenticate( userName: string, password: string ): ng.IHttpPromise<ApiModel.ApiResult<ApiModel.AuthenticatedUser>>
        {
         $http.post( "/Account/AuthenticationKey", null )
            .then<ApiModel.ApiResult<string>>( result =>
            {
                var strKey = userName + password; //TODO: Put correct code here!

                var promiseToReturn = $http.post( "/Account/Authenticate", { key: strKey })
                    .then<ApiModel.ApiResult<ApiModel.AuthenticatedUser>>( result =>
                    {
                        return result;
                    });
            });
        }
    }

如何从返回第二个结果的身份验证方法返回具有正确返回类型的承诺?

4

2 回答 2

1

我可以告诉你,在 JavaScript 中,因为我不熟悉打字稿。这个想法是创建你自己的承诺并在你想要的时候解决它。基本上

var autenticate=function(user,password) {
    var defer=$q.defer();
    $http.post( "/Account/AuthenticationKey", null )
      .then(function(data) {
         //do something on data
         $http.post( "/Account/Authenticate", { key: strKey })
           .then(function(result) {
              defer.resolve(result)
         });
      })
    return defer.promise;
}
于 2013-10-10T08:11:13.243 回答
1

一个then函数应该总是返回另一个承诺或返回值。最终then函数应该返回一个值,该值将传播到顶部。

相关文档可以在这里找到: https ://github.com/kriskowal/q

注意: Angular 的 promise 实现基于 kriskowal 的 q。

这是文档的相关部分:

如果 promiseMeSomething 返回一个承诺,该承诺稍后会以返回值实现,则将使用该值调用第一个函数(实现处理程序)。但是,如果 promiseMeSomething 函数稍后被抛出的异常拒绝,则将调用第二个函数(拒绝处理程序)并使用该异常。

在你的情况下,你应该做类似的事情

export class Authentication
{
    $inject: string[] = ['$http'];

    public Authenticate( userName: string, password: string ): ng.IHttpPromise<ApiModel.ApiResult<ApiModel.AuthenticatedUser>>
    {
     return $http.post( "/Account/AuthenticationKey", null )
        .then<ApiModel.ApiResult<string>>( result =>
        {
            var strKey = userName + password; //TODO: Put correct code here!

            return $http.post( "/Account/Authenticate", { key: strKey })
                .then<ApiModel.ApiResult<ApiModel.AuthenticatedUser>>( result =>
                {
                    return result;
                });
        });
    }
}

$http.posts请注意您正在调用的之前的两个返回。Angular 中的所有$http方法都返回一个 Promise,这意味着您不需要显式地创建另一个 Promise。

于 2013-10-10T08:20:02.097 回答