How to use InAppBrowser Plugin for payment?

Ionic Framework ionic-v3
1

Friends,

I am new in InAppWeb browser. I need to redirect some form values for payment in a web page . So I created a form with hidden fields as

var pageContent ='<html><head></head><body><form id="paymentForm" action="ikmpc267/epaymentcur/onlinepaymentothers.php" method="post">'+
                  '<input type="hidden" name="BID" value="'+numBuildingID+'">'+
                  '<input type="hidden" name="LBID" value="'+lbid+'">'+
                  '<input type="hidden" name="ZoneID" value="'+zone+'">'+
                  '<input type="hidden" name="WardYear" value="'+wardyear+'">'+
                  '<input type="hidden" name="Category" value="'+intBuildingCategory+'">'+
                  '<input type="hidden" name="HashKey" value="'+hash+'">'+
                  '<input type="hidden" name="transactionID" value="'+trid+'">'+
                  '<form><script type="text/javascript">document.getElementById("paymentForm").submit();</script></body></html>';
  var pageContentUrl = 'data:text/html;base64,'+btoa(pageContent);
  var browserRef = window.open(pageContentUrl,"_blank","hidden=no,location=no,clearsessioncache=yes,clearcache=yes");

Is this proper method ? I need to show the page in app itself not in web browser . But in my case page open in web browser . How to fix that ?

Waiting a fast response

Thanks

Anes

2

Does it opens device’s default browser in your case?
When I used this plugin, I just used following line (without target="_blank") -

window.open(http_url, '_system');

OR

this.appBrowser.create(app_url, '_system'); // 'appBrowser' is instance of 'InAppBrowser' class

And it opened the link inside the app itself.