条纹支付成功如何调用函数？在 Angular

Question

我正在尝试将 Stripe 支付网关添加到我的项目中。如果客户成功付款，我想调用 API 函数 "orderStatusUpdate" 调用。任何人都可以帮助我。

loadStripe() { 
  if(!window.document.getElementById('stripe-script')) {
    var s = window.document.createElement("script");
    s.id = "stripe-script";
    s.type = "text/javascript";
    s.src = "https://checkout.stripe.com/checkout.js";
    window.document.body.appendChild(s);
  }
}

pay(amount) { 
    var handler = (<any>window).StripeCheckout.configure({
      key: 'Publishable key',
      locale: 'auto',
      token: async function (token: any) { 
        console.log(token)  
      //IN HERE i try to put function ("this.orderStatusUpdate"), but it will give error. 
      }
    });
    this.orderStatusUpdate()

    handler.open({
      name: 'Project',
      description: 'Online payment API',
      amount: amount * 100,
      currency : '$'
    });  
}




orderStatusUpdate() {
 alert("Testing")
}

Answer 1

This 为我工作，将其更改为箭头函数：

token: function (token: any) { 到 token: (token: any) => {

Answer 2

let that = this;
var handler = (<any>window).StripeCheckout.configure({
key: 'Publishable key',
locale: 'auto',
token: async function (token: any) { 
    console.log(token)  
//IN HERE try to put function (" that.orderStatusUpdate")
}