如何将数据从服务传递到控制器AngularJS + Stripe

Question

I am implementing the Stripe payment method in ionic app and need to get the token from the service.

Problem I am facing is that, console.log(token) in StripeService is consoling the token but I need to pass this to my controller to do some extra stuff.

I tried return token; in this.open() method and console.log(StripeService.open(amount)) but no luck.

I am trying this - https://stripe.com/docs/checkout

Let me know how could I get the token from service to my controller.

Code -

Following is my AngularJS service code -

.service('StripeService', function(){

    var handler = StripeCheckout.configure({
    key: 'pk_test_6776Randomkey8990',
    image: '/img/logo.png',
    locale: 'auto'
    });

    this.open = function(amount) {
        return handler.open({
            name: 'mywebsite.com',
            description: 'Pay via stripe',
            amount: amount,
            token: function(token) {
                console.log(token);
            }
        });
    };
});

Following is my method in controller and calling the service -

  $scope.clicked = function(amount) {
      StripeService.open(amount);
  };

Answer 1

You could use promises to return the token.

Service:

.service('StripeService', ['$q', function($q){

    var handler = StripeCheckout.configure({
        key: 'pk_test_6776Randomkey8990',
        image: '/img/logo.png',
        locale: 'auto'
    });

    this.open = function(amount) {
        var deferred = $q.defer();
        handler.open({
            name: 'mywebsite.com',
            description: 'Pay via stripe',
            amount: amount,
            token: function(token) {
                deferred.resolve(token);
            }
        });
        return deferred.promise;
    };
}]);

Controller:

 $scope.clicked = function(amount) {
      StripeService.open(amount).then(function(token){
          console.log('token', token);
      });
  };

I didn't tested, but should works!

Answer 2

As manzapanza says you can use promise, personally I prefer this new notation:

Service:

.service('StripeService', ['$q', function($q){

    var handler = StripeCheckout.configure({
    key: 'pk_test_6776Randomkey8990',
    image: '/img/logo.png',
    locale: 'auto'
    });

    this.open = function(amount) {
        return $q(function(resolve) {
            handler.open({
                name: 'mywebsite.com',
                description: 'Pay via stripe',
                amount: amount,
                token: function(token) {
                    console.log(token);
                    resolve(token);
                }
            });
        });
    };
}]);

Controller:

$scope.clicked = function(amount) {
    StripeService.open(amount).then(function(token){
        console.log('token', token);
    });
};