在离子应用程序中,我想使用InAppBrowser打开服务器中的所有链接

时间:2019-07-06 19:35:59

标签: ionic-framework ionic4 inappbrowser

在离子inappbrowser中,我想打开服务器未知的所有URL链接以在_blank ionic inappbrowser中打开。问题是如果我们知道可以像('url', '_blank', 'options')这样传递的网址,但是链接显然来自服务端,我们显然不知道该网址,因此对此有什么解决办法

import { InAppBrowser } from '@ionic-native/in-app-browser/ngx'

constructor(private iab: InAppBrowser)

1 个答案:

答案 0 :(得分:0)

我假设这里的事情很少,因为没有足够的代码,

class DemoComponent {

apiResponse : any
constructor(private iab: InAppBrowser, private api : RestService){
    this.callApi().subscribe( data => {
        // Response is array of string
        // ['https://www.google.com','https://www.facebook.com','https://www.example.com]
        const firstLinkFromResponse = data[0];
        this.openBrowser( firstLinkFromResponse );
    });
}

callApi() {
    return new Observable(observer => {
        // call api here
        const serverResponse = ['https://www.google.com','https://www.facebook.com','https://www.example.com];
        observer.next(serverResponse);
    })
}

openBrowser(link : string) {
    const browser = this.iab.create(link);
    browser.show();
    browser.on('loadstop').subscribe(event => {
        console.log('Link successfully opened');
    });
}

}