Question

我正在razorPay项目中实施angular7付款。我正在尝试通过创建Razorpay的单个实例并访问其功能open()来打开结帐表格。但是相反，它抛出错误“不是函数”。我找不到与此相关的任何文档。

但是，如果我尝试使用razorpay简单创建付款，则会打开窗口，但用户无法选择任何方法，因此会再次引发错误，因为直接创建付款不会添加任何卡（如果使用方法是“卡”）。因此，有必要打开结帐表格。

这是我正在使用的功能，首先我在服务器上创建订单以生成ID，然后继续付款。


   buyPlan() {
       let postdata = {
         amount: 1000,
         currency: "INR",
         receipt: "1",
         notes: {},
         payment_capture: true
       }
       this.common.createOrder(postdata).subscribe(
         (result: any) => {
           console.log(result)
           var razorpay = new this.winRef.nativeWindow.Razorpay({
             key: 'dashboard_key_id',
             image: 'assets/images/logo-1.png',
           });
           var data = {
             amount: 1000,
             currency: "INR",
             email: 'abc@example.com',
             contact: '9874563210',
             notes: {
               address: 'Sector 65 Delhi',
             },
             method: 'card',
             order_id: result.data.id,
             handler: function (response) {
               alert(response.razorpay_payment_id);
             }
           };
           razorpay.open();
         }, (err: HttpErrorResponse) => {
         }
       );
     }

Answer 1

用于自定义集成

删除：

<script src="https://checkout.razorpay.com/v1/checkout.js"></script>

来自index.html文件然后放：

<script type="text/javascript" src="https://checkout.razorpay.com/v1/razorpay.js"></script>

在<head></head>标记内

Razor Pay结帐表格未显示，并且由于功能不正确而出现错误

1 个答案: