后端响应成功后打开贝宝结账模式

Question

我有一个表单，如果用户在他的表单上输入他的详细信息并提交表单，提交表单后它会存储到数据库中，并且在成功地将用户数据存储在数据库中之后，我必须打开贝宝结账模式，否则就不能。

这是贝宝

paypal.Button.render({
env: 'sandbox',
client: {
sandbox: ''
// production: 'demo_production_client_id'
},
locale: 'en_US',
style: {
layout: 'horizontal',
size: 'small',
color:  'blue',
shape:  'pill',
label: 'checkout',
height: 40,
tagline: 'false'
},
commit: true,
payment: (data, actions) => { 
return actions.payment.create({
transactions: [{
amount: {
total: '1',
currency: 'USD'
}
}]
});
},

onAuthorize: function(data, actions) {
return actions.payment.execute()
.then(function() {  
window.alert('Thank you for your purchase!');
});
}
}, this.paypalRef.nativeElement);

这是提交表单api调用

submit(){
const data={
url: this.URL,
email:this.email
}
this.home.websiteScratching(data)
.subscribe(res=>{
},err=>{
console.log(err);
})
}

after submit success response i want to go for paypal checkout process how to do it.. i am stuck.

Answer 1

简而言之，您必须创建新组件并使用dialogRef。https://material.angular.io/components/dialog/overview

const dialogRef = this.dialog.open(SuccessPaymentPaypalComponent, {
disableClose: true,
data: { PaypaplRetunrnTrasactionId: this.params.Paypalid }
})
dialogRef.afterClosed().subscribe(() => {
});