Невозможно вызвать пользовательскую функцию/службу внутри razorPaySuccessHandler в Angular

Question

Я пытаюсь вызвать API после успешной оплаты. Итак, я вызывал функцию внутри функции razorPaySuccessHandler, но она выдает ошибку, как показано ниже:

      constructor(
  private userService: UserService
) { }

  paymentProcess() {
    let creditDialogRef = this.dialog.open(CreditFormComponent);
    creditDialogRef.afterClosed().subscribe(result => {
      this.userService.createOrder(this.id).subscribe(res => {

        // this.RAZORPAY_OPTIONS.amount = result.data.amount;
        this.RAZORPAY_OPTIONS.amount = '100';
        this.RAZORPAY_OPTIONS.order_id = '';

        // binding this object to both success and dismiss handler
        this.RAZORPAY_OPTIONS["handler"] = this.razorPaySuccessHandler.bind(this);

        let razorpay = new Razorpay(this.RAZORPAY_OPTIONS);
        razorpay.open();
      });
    });
  }

public razorPaySuccessHandler(response) {
        console.log("razorpay",response)
        if (response.razorpay_payment_id) {
          console.log(response, "Order Placed");
          this.razorpayResponse = `Razorpay Response`;
          this.userService.verifyOrder(this.orderId).subscribe(res=>{
              console.log(res)
          })
        }
        else {
          console.log("Payment failed")
        }
      }

Я получаю сообщение об ошибке:

      Uncaught TypeError: Cannot read property 'verifyOrder' of undefined
    at Ui.push../src/app/views/marketing/home-page/home-page.component.ts.HomePageComponent.razorPaySuccessHandler (home-page.component.ts:214)
    at checkout.js:1
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195)

Как я могу вызвать свою собственную функцию или службу внутри него?