Customizable component with zero external dependencies.
yarn add ng-payment-card //or
npm install --save ng-payment-card
Version 0.0.8 is no longer compatible with Angular 2 - 4 due to TypeScript upgrade
For Angular 2 - 4, please use version 0.0.7
After installing the component as a dependency, import it into you Angular module.
import { NgPaymentCardModule } from 'ng-payment-card';
Afterwards, you can use the component within your templates.
<ng-payment-card></ng-payment-card>
// Setting custom validation messages
<ng-payment-card
[ccNumMissingTxt]='Please provide card number'
[cardExpiredTxt]='Payment card has expired'>
</ng-payment-card>
// Handling event emitter
<ng-payment-card
(formSaved)="processPayment(cc)">
</ng-payment-card>
Upon submitting the form, component will emit object in the following format:
cardNumber: string;
cardHolder: string;
expirationMonth: string;
expirationYear: string;
ccv: number;
yarn // or
npm install
yarn start // or
npm start
npm test
MIT