Paypal Checkout : 支付成功后调用API

Question

我正在为我的 Angular 4 项目使用 PayPal 结帐。我想在 PayPal 付款成功后进行 API 调用，但 actions.payment.execute().then 不允许访问任何外部对象。

我可以得到任何成功的事件吗？？

---

onAuthorize: function (data, actions) {

    return actions.payment.execute().then(function () {
      //want to make an api call
                    });
                }
        }, '#paypal-button-container');

Answer 1

根据此处Processing Paypal onAuthorize callback in Angular 4 的答案，您可以调度CustomEvent：

document.querySelector('#paypal-button').dispatchEvent(new CustomEvent('onPaymentCompleted', { detail: {payment: JSON.stringify(payment)},bubbles: true }));

在 Paypal 按钮上：

<div id="paypal-button" (onPaymentCompleted)="addNewContract($event)"></div>

然后您可以再次访问原始上下文：

addNewContract(event) {
    console.log(event.detail.payment);
    }