Setting PayPal in ionic project

Install PayPal cordova plugin from

https://github.com/paypal/PayPal-Cordova-Plugin

create service



app.factory('PaypalService', ['$q', '$ionicPlatform', 'shopSettings', '$filter', '$timeout','RequestData', function ($q, $ionicPlatform, shopSettings, $filter, $timeout,RequestData) {
    debugger
    var init_defer;
    /**
     * Service object
     * @type object
     */
    var service = {
        initPaymentUI: initPaymentUI,
        createPayment: createPayment,
        configuration: configuration,
        onPayPalMobileInit: onPayPalMobileInit,
        makePayment: makePayment
    };
    /**
     * @ngdoc method
     * @name initPaymentUI
     * @methodOf app.PaypalService
     * @description
     * Inits the payapl ui with certain envs.
     *
     *
     * @returns {object} Promise paypal ui init done
     */
    function initPaymentUI() {
        init_defer = $q.defer();
        $ionicPlatform.ready().then(function () {
            debugger
                var promisePost = RequestData.GetPaypalCredential();
                promisePost.then(function (data) {
                debugger
                    var clientIDs = {
                        "PayPalEnvironmentSandbox": data.data.PayPalEnvironmentSandbox,
                        "PayPalEnvironmentProduction": data.data.PayPalEnvironmentProduction
                    };
                    PayPalMobile.init(clientIDs, indexApp.onPayPalMobileInit());
                });        
        });
        return init_defer.promise;
    }
    /**
     * @ngdoc method
     * @name createPayment
     * @methodOf app.PaypalService
     * @param {string|number} total total sum. Pattern 12.23
     * @param {string} name name of the item in paypal
     * @description
     * Creates a paypal payment object
     *
     *
     * @returns {object} PayPalPaymentObject
     */
    function createPayment(total, name) {              
        // "Sale  == >  immediate payment
        // "Auth" for payment authorization only, to be captured separately at a later time.
        // "Order" for taking an order, with authorization and capture to be done separately at a later time.
        var payment = new PayPalPayment("" + total, "EUR", "" + name, "Sale");
        return payment;
    }
    /**
     * @ngdoc method
     * @name configuration
     * @methodOf app.PaypalService
     * @description
     * Helper to create a paypal configuration object
     *
     *
     * @returns {object} PayPal configuration
     */
    function configuration() {
        // for more options see `paypal-mobile-js-helper.js`
        var config = new PayPalConfiguration({merchantName: shopSettings.payPalShopName, merchantPrivacyPolicyURL: shopSettings.payPalMerchantPrivacyPolicyURL, merchantUserAgreementURL: shopSettings.payPalMerchantUserAgreementURL});
        return config;
    }
    function onPayPalMobileInit() {
        $ionicPlatform.ready().then(function () {
            // must be called
            // use PayPalEnvironmentNoNetwork mode to get look and feel of the flow
            PayPalMobile.prepareToRender(shopSettings.payPalEnv, configuration(), function () {
                $timeout(function () {
                    init_defer.resolve();
                });

            });
        });
    }
    /**
     * @ngdoc method
     * @name makePayment
     * @methodOf app.PaypalService
     * @param {string|number} total total sum. Pattern 12.23
     * @param {string} name name of the item in paypal
     * @description
     * Performs a paypal single payment
     *
     *
     * @returns {object} Promise gets resolved on successful payment, rejected on error
     */
    function makePayment(total, name) {
        var defer = $q.defer();
        total = $filter('number')(total, 2);
        $ionicPlatform.ready().then(function () {
            PayPalMobile.renderSinglePaymentUI(createPayment(total, name), function (result) {
                $timeout(function () {
                    defer.resolve(result);
                });
            }, function (error) {
                $timeout(function () {
                    defer.reject(error);
                });
            });
        });
        return defer.promise;
    }
    return service;
}]);  
//To use this service
//PaypalService.initPaymentUI().then(function () {
//    PaypalService.makePayment($scope.total(), "Total").then(...)
//});
   
// shop settings
// include appConstant into your app.js
app.constant('shopSettings',{        
    payPalEnv: 'PayPalEnvironmentSandbox',   // for testing  production for production
    payPalShopName : 'GoHealthNow',
    payPalMerchantPrivacyPolicyURL : 'https://mytestshop.com/policy',
    payPalMerchantUserAgreementURL : 'https://mytestshop.com/agreement'  

});

Pay Button CLick

app.controller('PaymentCtrl', ['PaypalService',

    function (PaypalService) {
 $scope.PayPaymnt = function () {        
                PaypalService.initPaymentUI().then(function () {
                    PaypalService.makePayment(100, "Total").then(function () {                  
                        $state.go('app.orderComplete', { completeId: 1 });
                    });
                });
            }      

        }
});