Loader in InAppBrowser

Ionic Framework
1

How i use loader in Inappbrower. I want to give a loader until the page os open in InAppBrowser in ionic 3

2

Check for different events for InAppBrowser and try to implement it.

For Event Listeners
https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-inappbrowser/#inappbrowseraddeventlistener

More about InAppBrowser

1.Take reference from cordova site
2.write code as mentioned on Ionic.

Thanks

3

In component.ts
import { InAppBrowser, InAppBrowserOptions } from ‘@ionic-native/in-app-browser/ngx’;
export class AppComponent {
userDetails: any;
responseData: any;
userPostData = { “email”: “”, “vid”: “” };
dedata = {“responsedata”:{“username”:"",“password”:"",“status”:"",“vid”:"",“email”:""}}
constructor(
private inAppBrowser: InAppBrowser,
) {
this.initializeApp();
}

openwebiste() {
let url: string = “https://www.yourwebsite.com/”;
const options: InAppBrowserOptions = {
zoom: ‘no’
}
// Opening a URL and returning an InAppBrowserObject
const browser = this.inAppBrowser.create(url, ‘_blank’, options);
}

4

I want a loader while opening the browser

5

Hi! Do you have any answer or already solve by yourself? Or maybe was suck in that?

In my case, if I wanna have loaded in my browser when I clicked submit open browser inside my app.
I would like to create the Loader Component ( cuz I am using Vue, so I will create Loader Vue Component), then when u set
const browser = in-app browser.create(options)

the next step you may do it put your loader into: browser.on('loadstart').subcribe(() => { Loader })

Bless you, get luck in your project.