Paypal-checkout-components: Integrating checkout.js with AngularJS

[mtshare]

I followed the implementation tutorial to use the checkout.js (v.4) in conjunction of AngularJS but i keep getting this:
Error: $injector:modulerr Module Error Failed to instantiate module paypal-button due to: Error: [$injector:nomod] http://errors.angularjs.org/1.5.9/$injector/nomod?p0=payp...

Any suggestions?

[mtshare]

Now keep saying:
Error: [paypal-button] No context options available for render
Even if i added the props needed to my $scope

[bluepnume]

Yeah, I've managed to repro this. Seems to be a regression in the angular driver. Should be a straightforward fix, I'll let you know shortly.

[mtshare]

Thanks a lot!! ;)

[bluepnume]

@marcocristalli I've pushed a fix, please make sure your browser cache is cleared and try again.

There's a working demo at https://github.com/paypal/paypal-checkout/blob/master/demo/angular.htm for reference.

[mtshare]

Awesome! Now it works, thanks a lot! ;)

[usamamalik75]

@bluepnume its working fine but one issue here when payment successful all object are undefined
mean here Router undefined
this.router.navigate(['/confirmation', this.Order.id]);

>  onAuthorize: function(data, actions) {
>                     // Optional: display a confirmation page here
>                     return actions.payment.execute().then(function() {
>                         // this.router.navigate(['/confirmation', this.Order.id]);
>                     });
>                 }

Can you please help what a problem here why router object show undefined?

[github-actions[bot]]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.