Skip to content

This is an angular library for implementing paystack payment gateway

License

Notifications You must be signed in to change notification settings

boogie4eva/angular-paystack

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

angular-paystack

This is an angular library for implementing paystack payment gateway

Get Started

This library would help you add paystack payment gateway to your angular projects in no time. All you need to do is ...

Install

Bower install angular-paystack

Usage

<!-- The text attribute can also take custom html, but does not compile directives yet-->
<paystack-pay-button
        class="yellow"
        text="<small><b>Pay</b> Me Now!</small>"
        email="$scope.email"
        amount="$scope.amount"
        reference="$scope.reference"
        metadata="$scope.metadata"
        callback="$scope.callback"
        close="$scope.close">
</paystack-pay-button>
var app = angular.module("MyApp", ['paystack']);

//Set the Api Public Key!
app.config(['$paystackProvider', function ($paystackProvider) {
    $paystackProvider.configure({
        key: 'pk_test_########################################'
    });
}]);

app.controller("FooController", function ($scope) {
    //Unique transaction reference or order number
    $scope.reference = "####-####-####-####";
    
    //The customer's email address.
    $scope.email = "johndoe@example.com";
    
    //Amount you want to bill the customer in kobo for NGN
    $scope.amount = "100000"; //equals N1000
    
    //Metadata is optional
    $scope.metadata = {
        custom_fields: [
            {
                display_name: "Phone Number",
                variable_name: "phone",
                value: "+234##########"
            }
        ]
    };
    
    //Javascript function that is called when the payment is successful
    $scope.callback = function (response) {
        console.log(response);
    };
    
    //Javascript function that is called if the customer closes the payment window
    $scope.close = function () {
        console.log("Payment closed");
    };
});

Please checkout Paystack Documentation for other available options you can add to the directive

Deployment

Remember to change the key when deploying on a live system

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b feature-name
  3. Commit your changes: git commit -am 'Some commit message'
  4. Push to the branch: git push origin feature-name
  5. Submit a pull request :D
  6. Your name shows up in credits

Credits

License

This project is licensed under the MIT License - see the LICENSE.md file for details

About

This is an angular library for implementing paystack payment gateway

Resources

License

Contributing

Stars

Watchers

Forks

Packages

No packages published