Angular 添加贝宝支付方式

我正在尝试在我的应用程序上实现PayPal支付方式，我安装了Ionic 2/3

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

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

我已经读过了，但是当它显示用法时，我不知道该将此代码放在哪里

---

谁能指导我如何实施它？或者至少是一个指南？

我自己没有机会测试这个，但是你可以有一个按钮来调用

initiatePaypal（）

，它看起来像这样：

从'@angular/core'导入{Injectable}；
//从“ionic native”导入{Paypal，PaypalPayments}；
从“ionic native”导入{PayPal，PayPalPayment}；
//从“ionic native”导入{PayPal}；
@可注射（）
出口类付款{
支付数据：任何；
付款详情：任何；
构造函数（）{
}
initiatePaypal（）{
PayPal.init({
“PayPalenEnvironmentProduction”：“您的产品\客户\ ID”，
“PayPalenEnvironment沙盒”：“AFCWXV21C7FD0V3BYYRCPSSRL31ACXTIGBF1MQYNN7DJU1ECZPAZER8”
})
。然后（onSuccess=>{
console.log（“初始化成功”）
})
.catch（onError=>{
log（“初始化失败”，错误）
});
}
初始支付（）{
this.paymentdata=新的支付方式（“10.00”、“新加坡元”、“彩信门票”、“彩信销售”）；
PayPal.renderSinglePaymentUI（this.paymentdata）
。然后（onSuccess=>{
log（'OnSuccess Render:'+JSON.stringify（OnSuccess））；
警报（'OnSuccess呈现：'+JSON.stringify（OnSuccess））；
})
.catch（onError=>{
log（'onError Render:'+JSON.stringify（onError））；
警报（'onError Render:'+JSON.stringify（onError））；
});
}
}

---

如果所有其他方法都失败了，试着按照这个方法来做。摘自。

谢谢您的回答，这应该在不同的课堂上？我的意思是我有一个Home类，它有产品，然后在屏幕上我按下BUY item，然后我从Home调用onClick.ts传递每个参数的价格和产品名称，可以吗？我正在删除你在answer上的链接，这是一个Js代码，如果我把代码放在.ts上会有问题吗？不，不会有问题。Typescript是Javascript的超集，因此可以将其视为JS++。任何放在.ts文件中的Javascript代码都可以很好地编译和运行（只要它是正确的js代码）。好的，我将测试代码，并让您知道发生了什么。如何获取EnvironmentSanbox？我想我有我的客户id，但我找不到环境沙盒id