在 Angular 中的 razorpay 付款集成中没有得到响应答案

【问题标题】：not getting response in razorpay payment Integration in Angular在 Angular 中的 razorpay 付款集成中没有得到响应
【发布时间】：2020-12-07 21:39:31
【问题描述】：

我正在开发 Angular 7 项目，我正在尝试集成 Razorpay 以进行支付集成，

为此，我已集成 Razorpay 支付网关，但我没有收到关于成功付款和失败的回复，

如何查看我的付款/订单状态？

我把我的代码放在下面

app.component.ts

import { Component } from '@angular/core';
import * as $ from 'jquery';

declare var Razorpay: any;
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'PaymentIntegration';
  rzp1: any;


  constructor() {}
  openRazorpayCheckout() {


    const options = {
      key: 'rzp_test_glA246D8rCFOVc',
      amount: 100,
      name: 'Merchant Name',
      description: 'Purchase Description',
      prefill: {
        name: 'Harshil Mathur',
        email: 'harshil@razorpay.com'
      },
      notes: {
        address: 'Hello World'
      },
      theme: {
        color: 'green'
      },
      handler: this.paymentResponseHander.bind(this)
    };

    const rzp = new Razorpay(options);
    rzp.open();
  }
  paymentResponseHander(response) {
   console.log(response.razorpay_payment_id);
   }
}

html

<div>
<button (click)="openRazorpayCheckout()">Pay with Razorpay</button>
</div>

索引.html

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

【问题讨论】：

标签： angular angular5 angular6 angular7

【解决方案1】：

只是为了一个建议，只需在处理程序部分调用一个函数。

options={
  ....
  "handler": function (response){
        alert(response.razorpay_payment_id);
         (or) 
        alert(JSON.stringify(response));
    },
 .....
}

一旦登录响应警报。你会这样调用方法。

options={
      ....
      "handler": this.callResponse(response);
        },
     .....
    }

callResponse(response){
   //handle response here.
       alert(JSON.stringify(response));
}

供参考，

How to Integrate Razorpay in Angular 2?

https://docs.razorpay.com/docs/android

【讨论】：

【解决方案2】：

 var options:any = {
      "key": "rzp_test_a4GV9kUSGHOzY4", 
      "amount":  100
      "currency": "INR",
      "name": "HealthInHands",
      "description": "A Wild Sheep Chase is the third novel by Japanese author Haruki Murakami",
      "image": "assets/img/HIH.png",

      "handler": response => {}

当您成功点击 Razor Pay api 时，您会从 Razorpay 端获得一个交易 ID，然后您就成功进行了付款。您的交易详细信息也可在 razorpay 网站上进行检查，以供测试

【讨论】：

你能解释一下你的答案吗？