open InAppBrowser on ionicModal

Question

I want open a web page in my app, I know I should use ngCordova InAppBrowser plugin, but how can I open the webpage in $ionicModal ? like twitter, facebook mobile apps and ...

I have this button :

<button class="button button-block button-assertive" ng-click="doPay()">Pay</button>

and in doPay() I have :

$scope.doPay = function(){
    window.open(url, '_system', 'location=no');
};

but this code use external app (Safari), I want open in my application.

Please review this answer : http://stackoverflow.com/questions/34150840/inappbrowser-passing-a-callback-function/35601054#35601054 — A-Droid Tech, Feb 24 '16 at 11:37

jcesarmobile · Accepted Answer · 2021-09-30T21:11:21.997

1

To open the web inside your app you have to use the _blank option instead of _system

$scope.doPay = function(){
    window.open(url, '_blank', 'location=no');
};

Edit: window.open no longer works as default, to re enable it you’ll need to add this code

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    window.open = cordova.InAppBrowser.open;
}

Or use cordova.InAppBrowser.open instead of window.open

edited Sep 30 '21 at 21:11

answered Mar 09 '15 at 08:24

jcesarmobile

51,328
11
132
176

1

Thanks, but this will open default modal, I want use Ionic Modal, is it possible? – MajAfy Mar 09 '15 at 08:25
no, it's not possible, the plugin opens a native window, ionic modal opens an html view – jcesarmobile Mar 09 '15 at 08:29
This does not work anymore. Just tried it – Darrow Hartman Sep 30 '21 at 20:52
Using ionic in-app-browser, you can do this: `const browser = this.iab.create(this.url,'_blank');` – Darrow Hartman Sep 30 '21 at 20:54
trying to do the same, I want to open the web view inside an ionic modal. – Neo Murphy Dec 18 '22 at 10:19

open InAppBrowser on ionicModal

1 Answers1