Question

我将使用离子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);
    })

Answer 1

你应该像这样使用arrow functions：

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属性）。

Answer 2

此问题的另一个解决方案是将此变量分配给其他变量并在回调中使用它，如 -

let me = this;

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

Answer 3

我修复了它...

第1步：在HTML页面上制作一个具有唯一ID的按钮

第二步： Anchor

有什么问题！！！

我们正在加载javascript函数。没有从javascript到typescript的有效方法。因此，我们应该将html元素称为typescript。.

Razorpay离子3回调问题

3 个答案: