Negligible Participation Metric

    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

    Install

    npm i angular-paystack

    DownloadsWeekly Downloads

    10

    Version

    1.0.0

    License

    MIT

    Last publish

    Collaborators

    • toniton