Angular使用BraintreePayPalDropin无法触发提交事件
创始人
2024-10-29 12:30:55
0

在使用Braintree PayPal Dropin时,需要在Angular中手动触发提交事件。具体实现方法如下:

  1. 在HTML模板中添加一个按钮,用于触发提交事件。

  1. 在组件中定义submitPayPal()函数,并在该函数中手动触发表单提交事件。

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({ selector: 'app-payment', templateUrl: './payment.component.html', styleUrls: ['./payment.component.css'] }) export class PaymentComponent { @ViewChild('paypalForm', {static: false}) paypalForm: ElementRef;

submitPayPal() { this.paypalForm.nativeElement.submit(); } }

  1. 在HTML模板中添加一个隐藏的表单,在表单中设置相关参数和回调函数。注意,表单的action需要设置为Braintree的服务器URL。

  1. 在组件中定义相关变量和方法,用于获取相关参数并生成Braintree客户端控件。

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({ selector: 'app-payment', templateUrl: './payment.component.html', styleUrls: ['./payment.component.css'] }) export class PaymentComponent { @ViewChild('paypalForm', {static: false}) paypalForm: ElementRef; paymentURL = 'https://example.com/payment/process'; // 设置Braintree服务器URL nonce: string; amount: string; orderId: string;

// 生成Braintree客户端控件

相关内容

热门资讯

wepoke辅助!约局吧软件有... wepoke辅助!约局吧软件有辅助吗,(WepOke)从前是真的有挂(详细辅助系统教程);科技安装教...
透视规律(wpk有辅助挂)fi... 透视规律(wpk有辅助挂)fish poker外挂(详细辅助必赢方法)真是存在有挂1)wpk有辅助挂...
透视了解(wepok软件透明挂... 透视了解(wepok软件透明挂)wpk透视辅助器(详细辅助软件教程)一向是真的有挂1、这是跨平台的w...
德州ai辅助软件!wpk微扑克... 德州ai辅助软件!wpk微扑克模拟器,(aapokEr)好像真的是有挂(详细透视教你教程)是一款可以...
透视真的(wepoke ai辅... 透视真的(wepoke ai辅助)德扑ai代打(详细辅助AA德州教程)其实存在有挂是一款可以让一直输...
微扑克有辅助挂!wepoke挂... 微扑克有辅助挂!wepoke挂真的,(wPK)先前是真的有挂(详细透视细节方法);微扑克有辅助挂软件...
透视规律(德扑之星有作弊)微扑... 透视规律(德扑之星有作弊)微扑克ai辅助器苹果版(详细辅助切实教程)从来存在有挂;无聊就玩这款微扑克...
wpk发牌逻辑!智星德州菠萝有... 您好,智星德州菠萝有挂吗这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家...
透视辅助(微扑克德州专用辅助器... 透视辅助(微扑克德州专用辅助器)wopoker辅助器免费版v2.0(详细辅助揭秘教程)最初是真的有挂...
WePoKe外挂!德州微扑克外... WePoKe外挂!德州微扑克外挂是真的吗,(wePoke)起初真的是有挂(详细辅助技巧教程)1、很好...