angular-paystack

1.0.0 • Public • Published

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
    $scope.amount = "100000";
    
    //Metadata is optional
    $scope.metadata = {
        custom_fields: [
            {
                display_name: "Mobile Number",
                variable_name: "mobile_number",
                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

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.0.0
    9
    • angular-paystack@1.0.0
  • 1.0.0
    9
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 1.0.0
    9

Package Sidebar

Install

npm i angular-paystack

Weekly Downloads

9

Version

1.0.0

License

MIT

Last publish

Collaborators

  • toniton