在按钮单击创建动态表单，自动填充数据和Angularjs

Question

张贴在网址

我使用AngularJS，我想实现我的web应用程序的支付网关，并在某一步骤卡住

因此，在第一步我有JSON数据，我需要发布数据的请求方法和Url。

JSON数据样本： { “KEY1”：值1， “钥匙”：VALUE2 }

请求方法：POST

URL：myPaymentGatewayUrl

我的要求是： 当我点击按钮付款，它应该创建一个动态表单并自动填充我在我的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); 
 
    }                                             
 
    },

按钮的代码：

<button class="button" ng-click="proceedToPayemnt()">Make Payment</button>

请为上述问题提出解决方案。 在此先感谢

Answer 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> 

Answer 2

感谢您的解决方案。我提到了这个Programmatically submitting Angularjs form to an external url 它工作。