在按钮上单击创建动态表单，自动填充数据并在 Angularjs 中的 url 上发布答案

【问题标题】：On button click create dynamic form, autofill the data and post on url in Angularjs在按钮上单击创建动态表单，自动填充数据并在 Angularjs 中的 url 上发布
【发布时间】：2016-04-21 22:59:03
【问题描述】：

我正在使用 AngularJS，我正在尝试在我的 Web 应用程序中实现支付网关并卡在某个步骤

所以，第一步我有 JSON 数据 、请求方法和 URL，我需要在其上发布数据。

JSON 数据示例： { “key1”：值1， “键”：值2 }

请求方法：POST

网址：myPaymentGatewayUrl

我的要求是：当我点击 Make Payment 按钮时，它应该会创建一个动态表单并自动填充我在 JSON 中的数据，并将该表单数据发布到 url 上。这个过程应该在后台发生，我应该重定向到支付网关页面。

JS函数

proceedToPayemnt: function(lead_id){

    var Payment = this;
    var payment_provider = this.payment_provider;
    var selected_payment_provider = this.selected_payment_provider;
    var user_profile = UserProfile.user_profile;

    var answer = selected_payment_provider[payment_provider.psp_id];
    
    if(answer == 1){
        var lead_id = 145282;
        Payment.offlinePayment(lead_id);
    }else{
         var lead_id = 145282;
        Payment.onlinePayment(lead_id);
    }                                                                                                                                                                                
   },

按钮代码：

&lt;button class="button" ng-click="proceedToPayemnt()"&gt;Make Payment&lt;/button&gt;

请针对上述问题提出解决方案。提前致谢

【问题讨论】：

标签： angularjs url post payment-gateway form-data

【解决方案1】：

您可以使用 ng-repeat 从您的 JSON 示例数据创建控件，类似这样的操作就可以了。如果您不想显示表单，您可以使用 ng-hide 隐藏表单，然后单击proceedToPayment 按钮，您可以触发submitBtn 单击。我希望这能解决这个问题。

<form action="URLHERE"  method="POST">
  <div ng-repeat="(key,value) in sampleData">
    <input type="text" id="{{key}}"  ng-model="sampleData[key]" />
    </div>
  <button id="submitBtn" type="submit">submit</button>
</form>

【讨论】：

【解决方案2】：

感谢您的解决方案。我提到了这个Programmatically submitting Angularjs form to an external url 并且成功了。

【讨论】：