在按鈕單擊創建動態表單，自動填充數據和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 它工作。