NgxVnpayPopup

This is an Angular wrapper library for the VnPay Popup.

Further help

This documentation version which requires Angular 9 or newer. Installing and usage

npm i ngx-vnpay-popup --save

• import module in app.module

project\src\app\app.module.ts
@NgModule({
  imports: [
    ...,
    NgxVnpayPopupModule
  ]
})

• set url callback after payment vnpay redirect in app.routings

project\src\app\app.routings.ts
@NgModule({
  imports: [
    ...,
    NgxVnpayPopupModule
  ]
})
import { NgxVnpayConfirmComponent } from "ngx-vnpay-popup";
export const routes: Routes = [
  ...,
  { path: 'vnpay-confirm', component: NgxVnpayConfirmComponent, pathMatch: 'full' }
];

• Open popup when payment vnpay

project\src\app\app.component.ts
import {NgxVnpayPopupService} from "ngx-vnpay-popup";
...
constructor(private vnPayService$: NgxVnpayPopupService
  ) {
    this.vnPayService$.openPopup(url, { width: 1, height: 1,  isCenter: true}).subscribe(res => {
        // stream value when close popup
        console.log(res);
    })
  }

    url: url go to payment vnpay
    width: width popup(0.1 -> 1), default full browser
    height: height popup(0.1 -> 1), default full browser
    isCenter: popup center screen browser, default full browser