gpt4 book ai didi

angular - Razorpay ionic 3 回调问题

转载 作者:搜寻专家 更新时间:2023-10-30 21:19:50 26 4
gpt4 key购买 nike

我将使用 ionic 3 应用程序实现 razorpay,发现一切正常,我通过 payment_id 获得了成功回调,但之后没有任何事情发生,比如重定向到其他页面或路由或任何其他事件或调用函数等。

我引用以下链接,

https://github.com/razorpay/razorpay-cordova-sample-app/tree/master/rzp-ionic2-example

这是我的代码,

var options = {
description: 'Credits towards consultation',
image: 'https://i.imgur.com/3g7nmJC.png',
currency: 'INR',
key: 'rzp_test_1DP5mmOlF5G5ag',
amount: '5000',
name: 'foo',
prefill: {
email: 'pranav@razorpay.com',
contact: '8879524924',
name: 'Pranav Gupta'
},
theme: {
color: '#F37254'
},
modal: {
ondismiss: function() {
alert('dismissed')
}
}
};

var successCallback = function(payment_id) {
alert('payment_id: ' + payment_id);
this.navCtrl.push("ThankyouPage",{
status: this.status
});
};

var cancelCallback = function(error) {
alert(error.description + ' (Error ' + error.code + ')');
};

this.platform.ready().then(() => {
RazorpayCheckout.open(options, successCallback, cancelCallback);
})

最佳答案

你应该像这样使用箭头函数:

var options = {
description: 'Credits towards consultation',
image: 'https://i.imgur.com/3g7nmJC.png',
currency: 'INR',
key: 'rzp_test_1DP5mmOlF5G5ag',
amount: '5000',
name: 'foo',
prefill: {
email: 'pranav@razorpay.com',
contact: '8879524924',
name: 'Pranav Gupta'
},
theme: {
color: '#F37254'
},
modal: {
ondismiss: () => { // <- Here!
alert('dismissed')
}
}
};

var successCallback = (payment_id) => { // <- Here!
alert('payment_id: ' + payment_id);
this.navCtrl.push("ThankyouPage",{
status: this.status
});
};

var cancelCallback = (error) => { // <- Here!
alert(error.description + ' (Error ' + error.code + ')');
};

this.platform.ready().then(() => {
RazorpayCheckout.open(options, successCallback, cancelCallback);
})

当使用常规函数时,this 关键字引用函数本身,但是当使用箭头函数时,this 属性不会被覆盖,仍然引用函数本身组件实例(您定义 navCtrl 属性的地方)

关于angular - Razorpay ionic 3 回调问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44839694/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com