Я хочу интегрировать API Paypal v2 в мое приложение Angular 6. Ниже приведен код, за которым я следовал этой статье:
https://developer.paypal.com/docs/checkout/integrate/#
Однако я не вижу кнопок PayPal, отображаемых на отображаемой странице.
Не уверен, что мне не хватает.
// Checkout.component.ts
ngOnInit() {
//this.configPaypalV1();
this.configPaypalV2();
}
declare let paypal: any;
// Paypal Objects
public paypalConfigV2: any;
isPaypalScriptAdded: boolean = false;
ngAfterViewChecked() {
if (!this.isPaypalScriptAdded) {
this.addPaypalScriptV2().then(() => {
paypal.Button.render(this.paypalConfigV2, 'paypal-button-container');
this.isPaypalScriptAdded = true;
});
}
}
configPaypalV2() {
this.paypalConfigV2 = {
currency: 'USD',
clientId: '<my client id>',
createOrderOnClient: (data) => {
intent: 'CAPTURE',
purchase_units: [
{
amount: {
currency_code: 'USD',
value: '999.99',
breakdown: {
item_total: {
currency_code: 'USD',
value: '999.99'
}
}
},
}
]
},
style: {
layout: 'vertical'
},
onApprove: (data, actions) => {
console.log('onApprove');
actions.order.get().then(details => {
console.log('action');
});
},
onClientAuthorization: (data) => {
console.log('onClientAuthorization');
},
onCancel: (data, action) => {
console.log('onCancel');
},
onError: (err) => {
console.log('onError');
},
onClick: () => {
console.log('onClick');
},
};
}
<!-- Checkout.component.html -->
<div id="paypal-button-container"></div>