获取条带令牌后如何以表单形式发送其他用户信息-角度

Question

所以我正在使用 Stripe 接受表单上的付款，该表单还包含其他信息 - 姓名 - 地址等。我正在使用以下库：

https://github.com/gtramontina/stripe-angular

我的表格是这样设置的：

<form id="signup-form" ng-submit="processForm()" stripe:form="saveCustomer">
      <!-- our nested state views will be injected here -->
          <div id="form-views" ui-view></div>
</form>

以及嵌套表单视图的示例（非条带内容）

<div class="form-group">
    <label for="name">Name</label>
    <input type="text" class="form-control" name="name" ng-model="formData.name" required>
</div>

还有条纹的东西：

<div class="form-group">
    <label for="card_number">Card Number</label>
      <input type="text" class="form-control" size="20" data-stripe="number" ng-model="formData.card"/>
    </div>

我的控制器（仅相关功能）：

// function to process the form
    $scope.saveCustomer = function(status, response) {
            var $form = $('#signup-form');

            if (response.error) {
                // Show the errors on the form
                $form.find('.payment-errors').text(response.error.message);
                $form.find('button').prop('disabled', false);
              } else {
                // response contains id and card, which contains additional card details
                var token = response.id;
                var html = '<input type="hidden" name="stripeToken" ng-model=formData.'+token+'/>';
                // Insert the token into the form so it gets submitted to the server
                $form.append($(html));
                // and submit
                $form.get(0).submit();
                console.log(formData);
             }
        }

这是我的问题 - 如果“saveCustomer”函数相当于条带文档中的 stripeResponseHandler 函数，那么他们在将令牌附加到表单后提交表单。如果我将数据添加到我的 formData 对象中，我如何将此信息添加到该对象中。我现在的逻辑是，我正在添加链接到控制器中另一个函数（processForm）的 ng-submit 属性，但这似乎很垃圾，而且我无论如何都无法获取数据 - 我如何获取令牌和所有其他 formData 数据如果我在 saveCustomer 函数中看不到 formData，是否可以将其发送到服务器？

Answer 1

使用 jquery 直接处理 DOM 不符合 Angular 的方式。我建议您使用模型对象而不是处理 DOM。在您的示例代码中，模型对象是“formData”。

如果你想访问 $scope.formData，下面的代码可以帮助你这样做。

$scope.formData = {}; 
var formData = $scope.formData;

$scope.saveCustomer = function(status, response) { 
    console.log(formData); // NOT $scope.formData; 
}