title: How to Integrate Razorpay in Angular 2?
body: <p>I'm using angular 2. I've tried below URL's to integrate Razorpay
  [<a href="https://docs.razorpay.com/docs/checkout-form][1]" rel="noreferrer">https://docs.razorpay.com/docs/checkout-form][1]</a></p>
  
  <p>When i follow this URL, i got these errors like
  In my '.ts' file code</p>
  
  <pre><code>var options = {
      "key": "YOUR_KEY_ID",
      "amount": "2000", // 2000 paise = INR 20
      "name": "Merchant Name",
      "description": "Purchase Description",
      "image": "/your_logo.png",
      "handler": function (response){
          alert(response.razorpay_payment_id);
      },
      "prefill": {
          "name": "Harshil Mathur",
          "email": "harshil@razorpay.com"
      },
      "notes": {
          "address": "Hello World"
      },
      "theme": {
          "color": "#F37254"
      }
  };
  var rzp1 = new Razorpay(options);
  
  document.getElementById('rzp-button1').onclick = function(e){
      rzp1.open();
      e.preventDefault();
  }
  </code></pre>
  
  <blockquote>
    <p>ORIGINAL EXCEPTION: Cannot Find name 'Razorpay' of undefined</p>
  </blockquote>