我有一个Angular应用程序,我需要集成PayPal支付流程 . 我一直在关注一些教程,但现在我对此感到困惑 .

What I've done until now?

  • 运行'npm install xcomponent'

  • 运行'npm instal paypal-checkout'

  • <scriptsrc="https://www.paypalobjects.com/api/checkout.js"></script> 添加到index.html

  • <paypal-button [props]="{ payment: payment, onAuthorize: onAuthorize }"></paypal-button> 添加到页面我需要呈现的按钮

  • 在app.module.ts,导出和导入(在NgModule导入列表中)一个新模块,如下所示:

声明const paypal:any; export const PayPalButtonModule = paypal.Button.driver('angular2',{Component,NgModule,ElementRef,NgZone});

  • 添加到组件(让我们称之为MyPayPalComponent.ts)我需要渲染按钮:

payment(){console.log('payment'); } onAuthorize(){console.log(“onAuthorize”); }

按钮正在呈现,但下一步是什么?如何,在MyPayPalComponent.ts,“重载”函数付款,onAuthorize和onCancel,使一切工作?