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

相关内容

热门资讯

透视有挂"拱趴大菠萝... 透视有挂"拱趴大菠萝有什么挂"详细辅助教你教程(往昔存在有挂)1、点击下载安装,微扑克wpk插件透视...
专业讨论!福建大玩家辅助透视,... 专业讨论!福建大玩家辅助透视,小程序游戏辅助必赢(详细辅助2025版教程);无聊就玩这款福建大玩家辅...
透视辅助"wepok... 《透视辅助"wepoker私人局俱乐部怎么进"详细辅助wpk教程(从来是有挂)》 wepoker私人...
重大推荐!多乐辅助器使用教程,... 重大推荐!多乐辅助器使用教程,大菠萝免费辅助器(详细辅助高科技教程)1、很好的工具软件,可以解锁游戏...
揭秘关于!温州茶苑手机版辅助器... 揭秘关于!温州茶苑手机版辅助器,心悦填大坑辅助器下载(详细辅助透牌教程)1、金币登录送、破产送、升级...
透视黑科技"德普之星... 1、透视黑科技"德普之星透视软件免费入口官网"详细辅助可靠教程(总是存在有挂)。2、德普之星透视软件...
让我来分享经验!潮汕掌上娱透视... 让我来分享经验!潮汕掌上娱透视怎么买,哈灵脚本微信小程序(详细辅助2025新版技巧)1、潮汕掌上娱透...
透视模拟器"hhpo... 1、透视模拟器"hhpoker真能买到挂吗"详细辅助高科技教程(果然是真的有挂)。2、hhpoker...
一分钟秒懂!微信小程序打哈儿脚... 一分钟秒懂!微信小程序打哈儿脚本,爱来辅助器(详细辅助科技教程),您好,微信小程序打哈儿脚本这款游戏...
透视玄学"wepok... 透视玄学"wepoker透视脚本下载"详细辅助力荐教程(本来有挂);wepoker透视脚本下载软件透...