在 PayPal Angular 4 中调用 onAuthorize 内部的外部函数,可以通过以下步骤实现:
以下是一个示例代码:
import { Component, OnInit } from '@angular/core';
declare var paypal: any;
@Component({
selector: 'app-paypal',
templateUrl: './paypal.component.html',
styleUrls: ['./paypal.component.css']
})
export class PaypalComponent implements OnInit {
ngOnInit() {
paypal.Buttons({
createOrder: (data, actions) => {
// 创建订单逻辑
},
onApprove: (data, actions) => {
// 订单批准逻辑
},
onCancel: (data) => {
// 订单取消逻辑
},
onError: (err) => {
// 错误处理逻辑
},
onAuthorize: (data, actions) => {
this.handleAuthorize(data); // 调用外部函数
}
}).render('#paypal-button-container');
}
handleAuthorize(data) {
// 处理 onAuthorize 内部的逻辑
// 调用外部函数的代码
}
}
在上述示例中,我们在 ngOnInit 方法中初始化了 PayPal 的按钮,并将 onAuthorize 事件绑定到 handleAuthorize 函数。在 handleAuthorize 函数中,可以处理 onAuthorize 内部的逻辑。
请注意,上述示例中的代码仅为演示目的,实际情况中可能需要根据具体需求进行适当的修改和扩展。
关于 PayPal Angular 4 的更多信息和使用方法,可以参考腾讯云的相关产品和文档:
领取专属 10元无门槛券
手把手带您无忧上云