/angular-paystack

This is an angular library for implementing paystack payment gateway

GNU General Public License v3.0GPL-3.0

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="email"
        amount="amount"
        reference="reference"
        metadata="metadata"
        callback="callback"
        close="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