Question

我正在尝试使用angular设置条带验证服务。我基本上想要调用StripeResponse.get（）并让它返回错误或Stripe响应的标记。

我的问题是，当我执行此代码时，如果我执行var a = StripeResponse.get();然后将a登录到控制台，我会看到null。

如果我在console.log(this);之前添加return this.response;，我会看到以下内容：

Object {response:null, get: function}
 > get: function() {
 v response: Object
    code: "invalid_number"
    message: "This card number looks invalid"
    param: "number"
    type: "card_error"

我不理解该控制台日志中“response：null”和“response：Object”之间的差异。以下是我的服务/模块代码。

var app = angular.module('StripeVerify', [ ]);

app.service('StripeResponse', function () {
  return {
    response: null,
    get: function () {
      var form = $('form[name="ccForm"]');
      Stripe.createToken(form, $.proxy(function (status, response) {
        if (response.error) {
          return this.response = response.error;
        } else {
          return this.response = response.id;
        }
      }, this));
      return this.response;
    }
  }
});

Answer 1

由于createToken方法未返回承诺或者没有任何类型的回调机制，因此您应该只使用角度$q's Defered API并为您的服务创建承诺模式。

app.service('StripeResponse', ['$q', function ($q) {
  return {
    response: null,
    get: function () {
      var defered = $q.defer(); //Create a deffered object

      var form = $('form[name="ccForm"]');
      Stripe.createToken(form, function (status, response) {
        if (response.error) {
           defered.reject(response.error); //reject the promise

        } else {
            defered.resolve(response.id); //resolve the promise
        }

      });
      return defered.promise;
    }
  }
}]);

在使用服务时你会做（PseudoCode）：

  StripeResponseService.get()
  .then(function(id){//Handle Success
  })
  .catch(function(error){//Handle failure
  })

没有设置对象属性，但控制台说不然

1 个答案: