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

相关内容

热门资讯

透视辅助!wepoker怎么开... 透视辅助!wepoker怎么开辅助,wepoker底牌透视脚本(本来有挂);1.wepoker底牌透...
透视苹果版!wepoker私人... 透视苹果版!wepoker私人局辅助,wepoker作弊方法(好像存在有挂);1、wepoker私人...
透视肯定!有没有人wepoke... 透视肯定!有没有人wepoker,wepoker辅助透视(原来是真的有挂)1、有没有人wepoker...
透视最新!wepoker辅助器... 透视最新!wepoker辅助器软件下载,wepoker有没有辅助(真是真的是有挂)1、wepoker...
透视挂!wepoker怎么看底... 透视挂!wepoker怎么看底牌,wepoker游戏下载(好像有挂)暗藏猫腻,小编详细说明wepok...
透视辅助!we-poker辅助... 透视辅助!we-poker辅助软件教程,wepoker透视苹果系统(真是真的是有挂)1、让任何用户在...
透视辅助!wejoker辅助器... 透视辅助!wejoker辅助器怎么卖,wepoker游戏安装教程(本来是真的有挂)1、游戏颠覆性的策...
透视安卓版!wepoker插件... 透视安卓版!wepoker插件下载,wepoker有辅助器吗(好像存在有挂)1、这是跨平台的wepo...
透视ai代打!wepoker插... 透视ai代打!wepoker插件功能辅助器,wepoker看底牌(真是是有挂);1、在wepoker...
透视ai代打!wepoker辅... 透视ai代打!wepoker辅助器有哪些功能,wepoker俱乐部辅助(果然存在有挂);1、玩家可以...