NgStripe

This library was generated with Angular CLI version 8.2.4. This is a simple stripe payment gateway libray. We have not used styles, you can change the card layout as your own. Demo

Features!

• Easy to use
• Card validation
• less code to get response json

Installation

$ npm i ng-stripe 

Import NgStripeModule in your module.ts file ( app.module.ts file )

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

import { NgStripeModule } from 'ng-stripe';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    NgStripeModule
  ],
  providers: [
	  
	],
  bootstrap: [AppComponent]
})
export class AppModule { } 

Configuration

Add below code in your .html file

<lib-ng-stripe apiKey="pk_test_Pj5AIAyJnj8lafRKnF1gC5wY" apiSecret="sk_test_hj06rZIyHdrs9etIqk7pSVax" totalAmount="10" currency="USD" stripeBtnText="pay" stripeBtnLoading="Loading.." orderId="25"  email="[email protected]"  (apiResponse)="paymentChange($event)"></lib-ng-stripe>

Add below code in your .component.ts file

paymentChange(data) {
  console.log(data); // you can receive both success and resposonse data here 
}

Available Options

| Options | Description | | ------ | ------ | | apiKey | Stripe Publishable key | | apiSecret | Stripe Secret key | | totalAmount | Final Amount | | currency | Supported currencies View All | | stripeBtnText | Paynow Button Text, Default text is Pay Now | | stripeBtnLoading | Loading button text, Default text is Please Wait.. | | orderId | It will be passed with Stripe desription | | email | It will be passed with Stripe desription | | apiResponse | All success and error data will received here |

Donate!

Like my Work! Donate