我正在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: '[email protected]',
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) => {
}
);
}
用于自定义集成
删除：
<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>标签内部