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客户端控件

相关内容

热门资讯

三分钟了解!广东雀神智能插件下... 三分钟了解!广东雀神智能插件下载免费(辅助挂)原来真的有挂(有挂辅助)-哔哩哔哩关于广东雀神智能插件...
透视有挂!众合推扑克辅助工具!... 透视有挂!众合推扑克辅助工具!的确是真的有挂((2024已更新))(哔哩哔哩);值得一提的是,众合推...
五分钟普及!wopoker系统... 自定义poker系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你是想...
实测发现!小程序雀神赢(辅助挂... 实测发现!小程序雀神赢(辅助挂)其实是真的有挂(确实有挂)-哔哩哔哩;最新版2024是一款经典耐玩的...
必备科技!pokerist有挂... 必备科技!pokerist有挂吗!的确是真的有挂((2020已更新))(哔哩哔哩)pokerist平...
三分钟普及!德州ai辅助(透视... 三分钟普及!德州ai辅助(透视)透视辅助((2024已更新))(哔哩哔哩)1、任何德州ai辅助神器的...
6分钟实锤!约局吧辅牌器(辅助... 6分钟实锤!约局吧辅牌器(辅助挂)辅助透视((2020已更新))(哔哩哔哩),您好,约局吧这款游戏可...
十分钟了解!微信雀神小程序辅助... 十分钟了解!微信雀神小程序辅助器app(辅助挂)原来是真的有挂(有挂方式)-哔哩哔哩是一款可以让一直...
透明教学!众合推扑克有没有辅助... 此外,数据分析德州(众合推扑克)辅助神器app还具备辅助透视行为开挂功能,通过对客户众合推扑克透明挂...
1分钟攻略!wepoke透明挂... 1分钟攻略!wepoke透明挂(透视)透视辅助((2021已更新))(哔哩哔哩)1、任何德州ai辅助...