Javascript Razorpay angular 9集成-模式关闭-路由和重新加载重新打开模式

我们使用angular 9实现了razor支付网关

Razorpay支付网关库采用香草javascript。我们在angular的index.html中添加了js文件

当用户关闭付款模式窗口，离开页面并返回时，模式窗口将自动打开（包含旧值）。我们使用本机窗口打开razorpay弹出窗口，我们的代码如下所示

const RAZORPAY_OPTIONS:any = {
      "key": key,
      "order_id": order id generated at backend, 
      "amount": orderAmount,
    "currency": customerCurrency,
    "name": "name",
    "image": "logo",    
  
    "prefill": {
      "name": customerName,
      "email": customerEmail,
      "contact": customerPhone
  },
  
      "modal": {},
        "theme": {
          "color": "#000"
        }
  
    };
    RAZORPAY_OPTIONS['modal.ondismiss'] = this.razorpayReload.bind(this);
    RAZORPAY_OPTIONS['handler'] = this.razorPaySuccessHandler.bind(this);
    const rzp = new this.razorpayService.nativeWindow.Razorpay(RAZORPAY_OPTIONS);
    rzp.open();
  }