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

相关内容

热门资讯

外挂模块!哈糖大菠萝怎么挂,p... 外挂模块!哈糖大菠萝怎么挂,poker master辅助-总是真的有辅助教程(哔哩哔哩)1、下载好哈...
外挂举措!来玩app破解,竞技... 外挂举措!来玩app破解,竞技联盟破解版最新版-总是存在有辅助方法(哔哩哔哩)在进入竞技联盟破解版最...
外挂操作!拱趴大菠萝挂,红龙p... 外挂操作!拱趴大菠萝挂,红龙poker有辅助吗-果然有辅助教程(哔哩哔哩)1、每一步都需要思考,不同...
外挂经验!哈糖大菠萝万能挂,德... 外挂经验!哈糖大菠萝万能挂,德普之星透视辅助软件-本来一直总是有辅助工具(哔哩哔哩)1、每一步都需要...
外挂法子!德州来玩辅助器,we... 外挂法子!德州来玩辅助器,werplan有挂吗-一贯一直总是有辅助教程(哔哩哔哩)1、打开软件启动之...
外挂教材!哈糖大菠萝有挂吗5个... 外挂教材!哈糖大菠萝有挂吗5个常用方法,德普辅助器怎么用-本来是真的有辅助技巧(哔哩哔哩)1、进入到...
外挂演示!来玩app破解,po... 外挂演示!来玩app破解,pokermaster脚本-果然一直都是有辅助app(哔哩哔哩)1、这是跨...
外挂课程!约局吧app有挂吗,... 外挂课程!约局吧app有挂吗,拱趴大菠萝机器人-其实一直总是有辅助脚本(哔哩哔哩)1、拱趴大菠萝机器...
外挂技法!佛手在线大菠萝智能辅... 外挂技法!佛手在线大菠萝智能辅助器,拱趴大菠萝万能辅助器-原来真的有辅助方法(哔哩哔哩)暗藏猫腻,小...
外挂绝活!德普之星私人局辅助器... 外挂绝活!德普之星私人局辅助器,拱趴大菠萝挂怎么安装-原来是有辅助app(哔哩哔哩)1、拱趴大菠萝挂...