angular - 添加 Paypal 支付方式 Ionic

原文 标签 angular typescript ionic-framework paypal

我正在尝试在我用 Ionic 2/3 制作的 APP 上实现 PayPal 付款方式,我已经安装了

$ ionic cordova plugin add com.paypal.cordova.mobilesdk
$ npm install --save @ionic-native/paypal

但是现在我该如何创建事件按钮,我的意思是当我按下一个按钮时我需要它调用 PayPal API 给他们我猜的产品和价格,然后付款。

我已阅读 Paypal Ionic documentation但是当它放用法 我不知道我必须把这段代码放在哪里。

任何人都可以指导我如何实现它?或者至少是一个指导?

最佳答案

我没有机会自己测试这个,但是你可以有一个按钮来调用 initiatePaypal()看起来像这样:

import { Injectable } from '@angular/core';
//import { Paypal, PaypalPayments } from 'ionic-native';

import {PayPal, PayPalPayment} from 'ionic-native';
//import {PayPal} from 'ionic-native';


@Injectable()
export class Payments {

paymentdata : any;
paymentdetails: any;

constructor() {

}

initiatePaypal(){
PayPal.init({
        "PayPalEnvironmentProduction": "YOUR_PRODUCTION_CLIENT_ID",
        "PayPalEnvironmentSandbox": "AFcWxV21C7fd0v3bYYYRCpSSRl31ACxTIGBF1mQyNN7DjU1eCzpAZer8"
        })
    .then(onSuccess => {
        console.log("init success")
    })
    .catch(onError => {
        console.log("init failed", Error)
    });
}


initiatePayment(){

    this.paymentdata = new PayPalPayment("10.00","SGD", "MMS tickets", "MMS sale");

    PayPal.renderSinglePaymentUI(this.paymentdata)
    .then(onSuccess => {
         console.log('OnSuccess Render: ' + JSON.stringify(onSuccess));
         alert('OnSuccess Render: ' + JSON.stringify(onSuccess));
       })
    .catch(onError=> {
       console.log('onError Render: ' + JSON.stringify(onError));
       alert('onError Render: ' + JSON.stringify(onError));
         });
}



}

如果所有其他方法都失败了,请尝试遵循这个原版 js example usage of the plugin .取自 MyCordovaShop .

关于angular - 添加 Paypal 支付方式 Ionic,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44393955/

相关文章:

dart - 是否可以设置控件的有效属性?

javascript - console.log 返回待处理的 promise ,而不是实际数据

ionic-framework - 如何防止 ionic 模态隐藏

javascript - 带有html的cordova iframe未在iOS设备上显示

angular - System.import 在构建后不搜索文件(Angular2)

css - 如何通过文本类型的模型将照片设置为背景图像

javascript - Angular 2测试无法加载自定义包

javascript - typescript 多态性

angularjs - 需要Angular 2 ng

AngularJS REST Api 选择框 ng-change