title: not getting response in razorpay payment Integration in Angular
body: <p>I am working on Angular 7 project where I am trying to integrate Razorpay for the payment Integration , </p>
  
  <p>for that I have Integrated the Razorpay payment gateway , 
  but I am not getting response on successful payment and on faliue ,</p>
  
  <p><strong>How do I check the status of my payment/order?</strong> </p>
  
  <p>I am putting my code below </p>
  
  <p><strong>app.component.ts</strong></p>
  
  <pre><code>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);
     }
  }
  </code></pre>
  
  <p><strong>html</strong> </p>
  
  <pre><code>&lt;div&gt;
  &lt;button (click)="openRazorpayCheckout()"&gt;Pay with Razorpay&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Index.html</p>
  
  <pre><code> &lt;script src="https://checkout.razorpay.com/v1/checkout.js"&gt;&lt;/script&gt;
  </code></pre>