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

相关内容

热门资讯

黑科技免费(微扑克ios)Aa... 1、黑科技免费(微扑克ios)Aapoker一直存在有挂!太无语了最初有挂(2022已更新)(哔哩哔...
黑科技计算(菠萝德州)德州先前... 黑科技计算(菠萝德州)德州先前真的有挂!太坑了本然有挂(2023已更新)(哔哩哔哩)是一款可以让一直...
黑科技玄学(Wepoke德州版... 1、黑科技玄学(Wepoke德州版)wPk一向是有挂!太实锤了总是是有挂(2023已更新)(哔哩哔哩...
黑科技挂(聚星扑克德州)来玩德... 黑科技挂(聚星扑克德州)来玩德州app一贯是真的有挂!太夸张了一向是真的有挂(2024已更新)(哔哩...
黑科技总结(微扑克下载)pok... 黑科技总结(微扑克下载)pokernow德州本来是有挂!太无语了最初有挂(2024已更新)(哔哩哔哩...
黑科技教程(微扑克原理)Aap... 黑科技教程(微扑克原理)Aapoker本来存在有挂!太离谱了总是真的是有挂(2026已更新)(哔哩哔...
黑科技能赢(Wepoke代打)... 黑科技能赢(Wepoke代打)pokerist先前真的是有挂!太实锤了都是真的是有挂(2026已更新...
黑科技讲解(德州之星app)W... 黑科技讲解(德州之星app)WepOke本然是真的有挂!太坑了确实是真的有挂(2024已更新)(哔哩...
黑科技新版(wpk辅助)aa ... 黑科技新版(wpk辅助)aa poker一直真的是有挂!太嚣张了真是是有挂(2024已更新)(哔哩哔...
黑科技科技(wpk规律)aap... 黑科技科技(wpk规律)aapOker确实存在有挂!太实锤了都是存在有挂(2024已更新)(哔哩哔哩...