javascript - Angular Controller 无法检测到 Braintree 支付随机数动态输入的字段

Question

一旦您点击提交，Braintree 的客户创建 SDK 系统就会在表单中生成一个随机数输入字段。

<input name="payment_method_nonce" type="hidden" value="nonce-here">

但是，使用 Angular 的 ng-model 输入识别系统，我无法在我的 Controller 中检测到动态生成的输入。表单一提交，我就在我的 Controller 中执行一个函数。

<form id="checkout" id="checkout" ng-submit="processForm(formData)">

如您所见，无法收集 nonce 的值并将其提交给 brain tree API 命令，例如创建新用户的付款方式。

数据将从 Controller 提交到下面使用 $http 的 braintree api 命令。

gateway.customer.create({
creditCard: {
token: "creditCard123",
},
paymentMethodNonce: "nonce-from-the-client"
}, function (err, result) {
});

我是不是用错了方法？即使这个应用程序在 Angular/express 中，我是否应该使用纯 Node 来临时搭建一个解决方案？或者我应该使用 jquery/angular 在上述输入字段中植入一个 ng-model 吗？

Answer 1

我在 Braintree 的 SDK 团队工作。

您可以使用回调来监听随机数，而不是让它自动写入 DOM。

braintree.setup('CLIENT_TOKEN', 'dropin', {
    container: 'container',
    paymentMethodNonceReceived: function (event, nonce) {
      // Do something with the nonce here
    }
});

这也将阻止以您的名义自动提交表单。您可以阅读一些进一步的文档 here .如果您仍然遇到问题，请随时联系 support@getbraintree.com。