angular

Airwallex Payment Elements with Angular

This directory contains the Angular implementation of Airwallex Payment Element. This project was generated with Angular CLI version 11.0.1.

Requirements

• node.js
• npm or yarn package manager
• Angular CLI

Installation and Development

1. Clone the root airwallex-payment-demo project to your local machine

git clone https://github.com/airwallex/airwallex-payment-demo

2. Navigate into the react directory with cd integrations/angular

3. Install the package with yarn or npm install

4. Run the project in development mode with npm start or yarn start or ng serve. See the project at localhost:4200

Usage

Each of the payment methods are written as a separate component found in the /src/app folder.

To test each of the payment methods, be sure to replace the intent_id and client_secret variables at the top of each x.component.ts file with your own unique keys. These values can be created with the backend API integration with PaymentIntent.

const intent_id = "replace-with-your-intent-id";
const client_secret = "replace-with-your-client-secret";

Documentation on Angular

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

Authors

Roy Yang and Josie Ku