如何解决如何在PayPal中设置无固定价格的付款按钮?
我正在使用angular构建应用程序,我在导航栏顶部设置了一个按钮。现在我只希望用户单击按钮而不填充任何数量,并在弹出窗口打开后添加数量。下面是我的代码。请帮助解决这个小问题。
代码
ngAfterViewInit() {
if (document.getElementById('paypal-button')) {
this.loadExternalScript(
'https://www.paypalobjects.com/api/checkout.js'
).then(() => {
paypal.Button.render(
{
env: 'sandbox',client: {
production: '',sandbox: '**********************************',},commit: true,style: {
color: 'black',tagline: false,payment: (data,actions) => {
return actions.payment.create({
payment: {
transactions: [
{
amount: { total: '1.00',currency: 'USD' },],});
},onAuthorize: (data,actions) => {
return actions.payment.execute().then((payment) => {
console.log(payment);
});
},'#paypal-button'
);
});
}
}
任何解决方案表示赞赏!
解决方法
首先,您要使用旧的checkout.js,最好切换到PayPal当前按钮和v2 / checkout / orders API使用的JS SDK。您可以在此处找到演示代码:https://developer.paypal.com/demo/checkout/#/pattern/client
对于具有动态数量的按钮,您可以在某处创建一个具有id的输入:
<span>Enter an amount:</span>
<input type="text" id="myButtonAmount" value="" />
然后,当您的代码需要获得该金额时:
purchase_units: [{
amount: {
value: document.getElementById('#myButtonAmount').value
}
}]
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。